الدليل
الأدوات الثلاث منفصلة بوضوح: إعادة التأطير إلى المحوّل، والأيقونات إلى المسبك، وتقليل الحجم الصرف إلى الضغط الدفعي. ما يلي يسير بالترتيب الذي تستخدمها به فعلاً، مع القيمة الافتراضية لكل خطوة وكيفية تغييرها؛ وفي النهاية قائمة استكشاف أخطاء.
الثلاثة تعمل محليًا في المتصفح، بلا نقطة رفع وبلا حساب — وبعد تحميل صورة تظل تعمل دون اتصال.
صورة واحدة يجب أن تغطي 7 منصات و11 مقاسًا في وقت واحد، أو تحتاج اقتصاصًا دقيقًا وشفافية.
المخرجات · 11 ملفًا باسم «المنصة-الغرض-العرض×الارتفاع» مع أرشيف social-sizes
موقع أو تطبيق يحتاج المجموعة الكاملة من favicon وشاشة رئيسية وPWA وإضافة، بأسماء ملفات تطابق أعراف كل منصة.
المخرجات · 20 أيقونة بأسماء اصطلاحية مع أرشيف icons (يتضمن README)
مجموعة تحتاج فقط أن تصغر دون تغيير التكوين، أو يجب أن تدخل تحت سقف حجم.
المخرجات · ملفات -min بالاسم نفسه مع أرشيف compressed-images
مكتبة المقاسات
تحميل صورة
ثلاث طرق للدخول، النتيجة نفسها
ثلاث طرق، والنتيجة متطابقة:
- السحب — يقبل المحوّل الإفلات في أي مكان بالصفحة (يستبدل الصورة الحالية)؛ والضغط الدفعي يضيف عندما تكون هناك نتائج بالفعل؛ أما المسبك فيريدها على منطقة الرفع.
- اختيار ملف — انقر منطقة الرفع لفتح منتقي الملفات.
- اللصق — بعد لقطة شاشة،
⌘/Ctrl + V، وهو ما يغني حتى عن الحفظ على القرص أولاً.
عن الصيغ: المحوّل والمسبك يقبلان JPG / PNG / WebP / AVIF / GIF (يُؤخذ من GIF الإطار الأول فقط، ولا تُحفظ الحركة)؛ والضغط الدفعي يقبل JPG / PNG / WebP / AVIF ويتخطى GIF المتحرك وSVG مع توضيح السبب.
عن الحجم: استهدف ضلعًا أطول لا يقل عن الهدف. المحوّل والمسبك يصغّران كل ما يزيد على 4096px إلى 4096px قبل التوليد — وهذه الخطوة تحدّ الذاكرة فقط ولا تؤثر في المخرجات، لأن أكبر مواصفة هي YouTube بانر القناة (2560 × 1440) فقط. والضغط الدفعي يحدّ كل ملف بـ 50.00 MB وكل دفعة بـ 60.
فخ سهل: سحب صورة في الصفحة الرئيسية ينتقل إلى المحوّل حاملًا الصورة، منقولًا عبر ذاكرة التبويب نفسه. تحديث الصفحة أو تبويب جديد يفقدها، لذا اختر مرة أخرى.
التغطية أو الاحتواء
قطع الحواف أو الحشو حولها
هذا هو الخيار الوحيد الذي يغيّر النتيجة بشكل مرئي. لا وضع أفضل من الآخر؛ يتوقف على ما تحتاجه.
- النتيجة
- يملأ الإطار ويُقص الزائد
- الأنسب لـ
- لقطات الشاشة، الملصقات، العناصر المتوسطة
- انتبه
- تُفقد معلومات الحواف؛ ونقطة التركيز تحدد أي جانب
- الخلفية
- لا تُستخدم
- النتيجة
- الصورة كاملة ظاهرة مع خلفية حولها
- الأنسب لـ
- المخططات، التصاميم ذات النص، وكل ما يجب أن يُرى كاملًا
- انتبه
- يضيف حشوة؛ اختر خلفية تناسب الصورة
- الخلفية
- هي لون الحشوة، أبيض افتراضيًا
التبديل يعيد حساب كل نتيجة فورًا — لا زر للضغط عليه.
نقطة التركيز
التأطير حين لا يكون العنصر في الوسط
نقطة التركيز تحدد أي جانب يُهمل. أعلى يحتفظ بالجزء العلوي، وأسفل بالجزء السفلي؛ وفي وضع الاحتواء تتحكم في الطرف الذي تتجمع عنده الحشوة.
متى يهم: صورة رأسية تُحوّل إلى صورة مصغّرة 16:9، أو صورة أفقية تُحوّل إلى غلاف 9:16، أو صورة شخصية تُحوّل إلى منشور مربع. في هذه الحالات الثلاث يقصّ الوسط الافتراضي عادةً في المكان الذي لا ينبغي قصّه فيه.
نافذة الاقتصاص
تحديد يدوي، وتثبيت النسبة
نقطة التركيز تقرّبك فقط. لضبط منطقة معينة بدقة استخدم نافذة الاقتصاص. فيها مفهومان مستقلان، وإبقاؤهما منفصلين هو ما يمنعها من أن تكون مربكة:
- مربع التحديد مثبّت على الشاشة؛ وسحبه يحدد المنطقة التي تبقى.
- تكبير الصورة يغيّر الصورة خلف المربع فقط؛ والمربع نفسه لا يتحرك.
شرائح النسب مأخوذة من 8 نسبة مختلفة بين 11 مواصفة: 16:9 (1280×720), 3:1 (1500×500), 1:1 (400×400), 9:16 (1080×1920), 1:1.56 (420×654), 40:21 (1200×630), 4:1 (1584×396), 2:3 (1000×1500). وكل شريحة تعرض حجم البكسل لأول مواصفة بتلك النسبة، وما دامت شريحة نشطة فإن مقابض الزوايا تتغير بالتناسب.
الاقتصاص يتراكم: كل «تطبيق الاقتصاص» يقصّ من الصورة الحالية لا من الأصل. للتراجع استخدم «استعادة الاقتصاص» في شريط المصدر. أما نافذة المسبك فتقدّم 1:1 فقط، لأن كل المخرجات مربعة.
على الجوال لا يوجد مفتاح مسافة: إصبع واحد يسحب المربع، وإصبعان يقرصان للتكبير وتحريك الصورة. وما عدا ذلك يتصرف بالطريقة نفسها.
الصيغة والجودة
الاختيار بين JPEG وPNG
JPEG يناسب الصور الفوتوغرافية ومعظم المحتوى، وينصّف الملف عندما لا تكون هناك حاجة للشفافية. الجودة افتراضيًا 92 (النطاق 40–100): تحت 80 تظهر أشرطة مرئية في التدرجات والمساحات المسطحة، وفوق 95 يكبر الملف بلا مكسب مرئي.
PNG للشفافية (أشرطة الترجمة فوق الفيديو، الشعارات المفرّغة) أو المساحات الكبيرة المسطحة مع نص. تشغيل الشفافية ينتقل تلقائيًا إلى PNG لأن JPEG لا يملك قناة ألفا إطلاقًا؛ والعودة إلى JPEG تُطفئ المفتاح، فلا ينتهي بك الحال إلى «يُعرض شفافًا ويُصدَّر أبيض».
PNG بلا فقد، لذا يُعطَّل منزلق الجودة. هذا متوقع.
التصدير والتسمية
ملفات مفردة، ZIP، قواعد أسماء الملفات
التنزيلات المفردة في أسفل يمين كل بطاقة، أو داخل المعاينة تحت «تنزيل هذه فقط»؛ والمجموعة كاملة هي زر «تنزيل ZIP» في رأس النتائج. للمعاينة وضعان: عرض المنصة يرسم الشكل الحقيقي للمنصة (الصورة الرمزية الدائرية، البطاقة المستديرة، وطبقات الواجهة)، والأصل يعرض البكسلات المصدَّرة بنسبة 1:1.
أسماء الملفات ثابتة كي تدخل مباشرة إلى مكتبة أصول: المنصة-الغرض-العرضxالارتفاع.jpg، مثل {sample}. والأرشيف اسمه social-sizes-20261024-1208.zip بطابع زمني محلي.
عندما لا تحتاج كل شيء، ضع علامة على ما تحتاجه فقط في «تصدير المقاسات» يمين شريط الأدوات. ملفات أقل تعني وقتًا وذاكرة canvas أقل.
من شعار واحد إلى مجموعة كاملة
نطاق أحجام كامل من مصدر واحد
المسبك يحوّل صورة واحدة إلى 20 ملفًا في ست مجموعات: تبويب المتصفح (favicon)، شعار التنقل، شاشة iPhone الرئيسية، Android / PWA، إضافة Chrome، وأخيرًا الصور الرمزية الدائرية والأحجام الصغيرة. كل حجم وصيغة واسم ملف يتبع وثائق المنصة لا اختراعنا الخاص.
شعار مربع 1024 × 1024 هو المصدر الموصى به. وغير المربع يعمل أيضًا — يُدمج بالتناسب مع حشوة ولا يُمدّد أبدًا.
ماذا تفعل عناصر التحكم الأربعة
- الشكل (مربع / مستدير / دائري) يغيّر الحدود المرسومة فقط. أيقونات شاشة iOS الرئيسية والقابلة للتقنيع تكون دائمًا ممتدة بالكامل: النظام يطبّق القناع، والاقتصاص المسبق بيدك يعطي إطارًا مزدوجًا وزوايا مملوءة بالأسود.
- الحشوة الداخلية (0–20%) تنطبق فقط على الأحجام التي تمثّل الشعار فعلًا (favicon، شعار التنقل، أيقونة PWA الرئيسية). الصور الرمزية وأيقونات اللمس تبقى ممتدة بالكامل، وإلا ظنّ الناس أن «الصورة صغرت»؛ والقابلة للتقنيع تحتفظ بـ10% على الأقل لأن النظام يضمن الوسط 80% فقط.
- الخلفية / الشفافية: iOS لا يسمح بألفا، والبكسلات الشفافة تُملأ بالأسود، لذا تُجبر أحجام apple-touch وPWA على العتامة ولا يفعل مفتاح الشفافية شيئًا لها.
- بلا تكبير يدمج البكسلات الأصلية. عندما يكون المصدر أصغر من الهدف يبقى شبك البكسلات بدل الضبابية — وهذا يجعل مشكلة الشعار الصغير واضحة فورًا.
مخرجان يُفهمان خطأً
favicon.ico ملف واحد يضم PNG بحجم 16 / 32 / 48، والمتصفح يختار واحدًا منها — لا تقسّمه إلى ثلاثة ملفات. وfavicon.svg وlogo.svg صور نقطية مدمجة في SVG كحاوية انتقالية: الصورة النقطية لا تصبح متجهًا حقيقيًا، لذا هذه الملفات تصحّح الاسم والإحالة فقط. للإنتاج، اطلب من التصميم تصدير متجه حقيقي بالاسم نفسه ليحل محلها.
النشر
الملفات تستخدم أسماء كل منصة الاصطلاحية (favicon.ico، favicon-16x16.png، apple-touch-icon.png، android-chrome-512x512.png، android-chrome-maskable-512x512.png، icon-192.png)؛ ضعها كلها في جذر الموقع. زر «تنزيل الكل كـ ZIP» في شريط المصدر يأخذ الحزمة كاملة باسم icons-20261024-1208.zip، ويضم README.txt فيه أبعاد المصدر ومنطقة الاقتصاص ومعاملات الرسم وقائمة الملفات. والمقتطفات أسفل الصفحة تعطيك كتل HTML head وmanifest.json للنسخ.
لتقييم النتيجة انظر إلى البطاقات — كل بطاقة ترسم الأيقونة بحجم عرضها الحقيقي، وفتحها يكبّرها إلى مستوى البكسل. إذا لم تكن نسخة 16px ذات حدود واضحة، فالعلامة تحتاج إلى تبسيط.
تصغير دفعة
سلم الجودة والحجم المستهدف
الضغط الدفعي يفعل شيئًا واحدًا بالضبط: يصغّر مجموعة صور متشابهة دون المساس بالتكوين. وخلافًا للمحوّل لا يقتص أبدًا ولا يغيّر النسبة؛ وخلافًا للمسبك لا ينتج أنواع ملفات جديدة.
صيغة المخرجات
ذكي (الافتراضي) يبقي مصادر JPEG بصيغة JPEG ويحوّل مصادر PNG / WebP / AVIF إلى WebP — فـWebP يحفظ ألفا، ويكون عادة أقل من نصف حجم PNG، وإعادة ترميز PNG إلى PNG لا تفيد تقريبًا. ويمكنك أيضًا فرض JPEG / WebP / PNG. وإذا لم يستطع المتصفح ترميز WebP يرتد إلى PNG، ويتبع الامتداد ذلك، وتذكر الصفحة ذلك في الأعلى.
الجودة والأبعاد
منزلق الجودة من 40–100، والافتراضي 80؛ والإعدادات الثلاثة الجاهزة بجانبه هي 轻压缩 90 / 推荐 80 / 高压缩 60. وأي قيمة أقل تُظهر تشويشًا مرئيًا على شكل كتل، ولهذا الحد الأدنى هو 40.
«الضلع الأطول» يعرض بلا تصغير / 3840 / 2560 / 1920 / 1280 ويصغّر فقط: المصدر الأقل من السقف يبقى كما هو ولا يُستوفَر للأعلى أبدًا. وعند اختيار PNG يتوقف مفعول منزلق الجودة والحجم المستهدف معًا — PNG بلا فقد، فالتحكم فيه بالحجم بلا معنى.
كيف يُلاحَق الحجم المستهدف
عند وجود سقف بالكيلوبايت، ينزل أولاً على سلم الجودة (حتى ست خطوات، إلى 30)، ثم يصغّر الأبعاد بخطوات 25% (حتى ثلاث جولات، ولا ينزل تحت 320px). ولا يُعلَّم الصف بأنه «لم يتحقق» إلا حين لا ينجح أي منهما — لن يدّعي النجاح.
النتيجة لا تكون أسوأ من الأصل أبدًا
إذا لم يكن هناك تصغير وجاء الترميز أكبر، يُسلَّم الملف الأصلي ويُعلَّم «احتُفظ بالأصل». هذه القاعدة تجعل الضغط غير خاسر صافيًا أبدًا، على حساب أن تبدو بعض الصفوف كأنها لم تفعل شيئًا.
تغيير المعاملات لا يعيد الضغط تلقائيًا
تغيير الجودة أو الحجم أو الصيغة لا يرفع إلا تنبيهًا؛ والنتائج على الشاشة ما زالت من المعاملات القديمة. أكّد ثم اضغط «إعادة الضغط». الدفعة × عدة مرات ترميز مكلفة، وإعادة الحساب مع كل حركة للمنزلق ستُقفل الخيط الرئيسي.
التسمية والمقارنة
أسماء المخرجات تضيف -min إلى الأصل (مع امتداد جديد إن تغيّرت الصيغة)؛ والتكرار داخل الدفعة يأخذ -2 و-3، وإلا لطمست مدخلات ZIP اللاحقة ما قبلها. الأرشيف هو compressed-images-20261024-1208.zip. انقر أي صف لفتح صندوق المقارنة؛ ويُسحب الفاصل بكسل ببكسل، و← / → تنقل بين الصور.
إعادة الترميز تكتب البكسلات فقط، لذا تُفقد بيانات EXIF (الكاميرا، الفتحة، السرعة، GPS). هذا غالبًا ما تريده، لكن إن كنت تؤرشف اعتمادًا على EXIF فانسخ الأصل أولاً.
الحدود
سقوف الحجم والعدد والأبعاد
- بلا خادم — لا نقطة رفع ولا حساب. هذا يمنح الخصوصية والعمل بلا اتصال؛ والثمن أن تحديث الصفحة يمحو كل شيء، فالنتائج تعيش في هذا التبويب فقط.
- تصغير إلى 4096px — المحوّل والمسبك يصغّران كل ما يزيد على 4096 قبل التوليد. والصور الأقل من الهدف تُكبَّر رغم ذلك؛ وهذه الخطوة لا تنقذها.
- ذاكرة canvas — توليد 11 مقاسًا دفعة واحدة على الجوال قد يتقطّع؛ وتقليل التحديد يساعد. والضغط الدفعي يحدّ بـ60 صورة في الدفعة و50.00 MB لكل ملف.
- حدود الصيغ — إعادة ترميز GIF متحرك تفقد الحركة، وSVG متجه فتحويله إلى نقطي يشوّهه بالضرورة، والمتصفحات لا تفكّ ترميز HEIC. والضغط الدفعي يتخطى الثلاثة ويوضح السبب.
- الشفافية مرتبطة بالصيغة — المخرجات الشفافة لا توجد إلا بصيغة PNG؛ وفي JPEG تُملأ المناطق الشفافة بلون الخلفية الذي اخترته.
استكشاف الأخطاء
افحص هذه بالترتيب عندما تبدو النتيجة خاطئة
النتيجة تبدو ضبابية
المصدر صغير جدًا. منشور مربع بعرض 1080 يحتاج 1080px على الأقل من عرض المصدر، وYouTube بانر القناة يحتاج 2560px. افحص الأبعاد في شريط المصدر — وكل ما هو أقل من الهدف يُستوفَر للأعلى بالتأكيد.
قُصّ محتوى مهم
التغطية بالقص تقصّ الحواف دائمًا؛ هذا تعريفها لا خلل فيها. بدّل إلى الاحتواء، أو ثبّت النسبة المستهدفة في نافذة الاقتصاص وأطّر المنطقة التي تريدها.
الصورة الرمزية تبدو وكأن جزءًا قُضم منها
الصور الرمزية تُقص دائريًا، لذا لا تظهر الزوايا أبدًا. أبقِ العنصر داخل دائرة متوسطة بقطر 80%؛ وعرض المنصة في المعاينة يُظهر النتيجة الدائرية الحقيقية.
ملف PNG المصدَّر أكبر بكثير من المتوقع
طبيعي. صورة 1080×1920 بصيغة PNG قد تبلغ 3–5 ميغابايت. وبلا حاجة للشفافية استخدم JPEG — المحتوى نفسه يكون عادة 200–500 كيلوبايت.
الصفحة تتقطّع بعد تحميل صورة كبيرة على الجوال
متصفحات الجوال تحدّ ذاكرة canvas لكل صفحة. قلّل التحديد في «تصدير المقاسات» يمين شريط الأدوات وولّد صورتين أو ثلاثًا في المرة؛ وهذا يساعد بوضوح.
بعض الصور لم تصغر في الضغط الدفعي
حالتان: المصدر كان مضغوطًا بشدة فإعادة الترميز تضر فقط؛ أو كان «الضلع الأطول» مغلقًا فبقيت الأبعاد وكبر الترميز. كلتاهما تسلّم الملف الأصلي وتعلّم الصف «احتُفظ بالأصل».
الأيقونات لها حواف سوداء بعد التثبيت
iOS لا يسمح بألفا، فالبكسلات الشفافة تصبح سوداء. هنا تُجبر أحجام apple-touch وPWA على العتامة، لكن إن كان المصدر شعارًا داكنًا على خلفية شفافة فاضبط الخلفية قريبة من لون الشعار قبل التصدير.
غيّرت معاملات الضغط ولم يحدث شيء
الضغط الدفعي لا يعيد الحساب مباشرة عمدًا — فقد تكون الدفعة عشرات الصور بما يصل إلى تسعة ترميزات لكل صورة. تغيير المعاملات لا يرفع إلا تنبيهًا؛ اضغط «إعادة الضغط» للتأكيد. أما أدوات الصورة الواحدة فتتحدث مباشرة.
كل شيء اختفى بعد تحديث الصفحة
لا يملك أي من الأدوات الثلاث نقطة رفع، فلا توجد نسخة على خادم: الصور تعيش في ذاكرة هذا التبويب، والتحديث أو الإغلاق أو تبويب جديد يمحوها. نزّل ما تحتاجه أولًا.
هل ما زال لديك سؤال عن مقاس معين؟مكتبة المقاسات توثّق لكل مدخل قواعد العرض الحقيقية والمناطق المغطاة وأكثر الأخطاء شيوعًا؛ والمحوّل, مسبك الأيقونات, والضاغط الدفعي كلها جاهزة للاستخدام.