كيف أخفف حجم صورة منتج مفرغة بخلفية شفافة وتبقى الخلفية شفافة؟
اختر WebP صيغةً للإخراج. صيغة WebP تحتفظ بالمناطق الشفافة وتنتج عادة ملفًا أخف بكثير من PNG. أما JPEG فلا يعرف الشفافية أصلًا، فتملأ الأداة الخلفية باللون الذي تحدده وتنبهك إلى ذلك، وهذا مقبول فقط إذا كانت الصورة ستوضع دائمًا فوق هذا اللون نفسه.
ما الذي يحدث للشفافية في كل صيغة؟
- PNG: يحفظ الشفافية ويحفظ كل التفاصيل دون فقد، ولهذا تكون صور المنتجات المفرغة به ثقيلة.
- WebP: يضغط الصورة مع التخلي عن بعض التفاصيل، لكنه يحتفظ بقناة الشفافية، فتبقى الصورة مفرغة.
- JPEG: لا توجد فيه شفافية إطلاقًا. عند اختياره تدمج الأداة الصورة فوق لون خلفية تختاره أنت، والافتراضي أبيض.
حين تضع صورة فيها شفافية وتختار JPEG، تعرض ضغط الصور تنبيهًا باسم الملف يقول إن الشفافية ستُملأ باللون المحدد، ويظهر حقل «لون خلفية المناطق الشفافة». هذا الحقل يختفي عند اختيار WebP لأنه لا حاجة إليه.
مقارنة بالأرقام
صورة PNG شفافة أبعادها 2172×724 وحجمها 456 KB، ضغطناها في Chrome:
WebP بالجودة 80: الناتج 132.9 KB، أصغر بنسبة 70.9%، والخلفية ما زالت شفافة.
WebP بالجودة 90: الناتج 151.5 KB، والشفافية محفوظة أيضًا.
JPEG بالجودة 80 فوق خلفية بيضاء: الناتج 67.7 KB، أصغر بنسبة 85.2%، لكن الشفافية ذهبت.
رقم JPEG أصغر ومغرٍ، لكنه فخ إن كان متجرك يعرض المنتجات فوق خلفيات ملونة أو في بطاقات رمادية فاتحة. ستظهر صورتك داخل مستطيل أبيض واضح حولها، وهذا يفسد مظهر الصفحة أكثر مما يفيد الحجم الأصغر.
الخطوات
- ضع صور المنتجات المفرغة في الأداة، ويمكنك وضع حتى 30 صورة معًا.
- اختر WebP صيغةً للإخراج.
- ابدأ بالجودة 80، ثم انظر إلى حواف المنتج في المعاينة، فالحواف الناعمة مثل الشعر أو القماش هي أول ما يتأثر.
- إن رأيت خشونة عند الحواف فارفع الجودة إلى 85 أو 90.
- نزّل الصور، وتأكد أن المنصة التي سترفع إليها تقبل WebP قبل أن تستبدل ملفاتك القديمة.
متى يكون JPEG بخلفية ملونة خيارًا جيدًا؟
إذا كان تصميم متجرك يعرض كل المنتجات فوق خلفية بلون ثابت، مثل الأبيض أو لون علامتك، فلا حاجة للشفافية أصلًا. اختر JPEG، وضع في حقل لون الخلفية اللون نفسه المستخدم في المتجر بالضبط، فتندمج الصورة مع الصفحة وتحصل على أصغر حجم. وإذا كانت المنصة لا تقبل WebP وأنت تحتاج الشفافية فعلًا، فاحتفظ بملف PNG الأصلي، أو غيّر الصيغة لغرض آخر عبر تحويل صيغة الصور.
أسئلة شائعة
لماذا ظهر تنبيه الشفافية مع أن صورتي تبدو غير شفافة؟
قد تحتوي الصورة على بكسلات شبه شفافة عند الحواف أو في الزوايا لا تراها بالعين. الأداة تفحص الصورة وتنبهك إذا وجدت أي شفافية.
هل تصغر الأداة أبعاد الصورة المفرغة؟
لا، الأبعاد تبقى كما هي. إن كانت الصورة أكبر من حاجة متجرك فصغّر أبعادها أولًا.
هل تُرفع صوري إلى خادم؟
لا، كل المعالجة داخل متصفحك.
