WebP أم AVIF أم PNG؟ اختر صيغة الصورة حسب ما تريد عرضه
الأصغر حجمًا ليس الأفضل دائمًا لكتابة عربية أو شعار. دليل لاختيار صيغة الصور وفحص الحروف والحواف والشفافية قبل نشرها.
قد تصغر صورة الغلاف كثيرًا بعد الضغط، ثم تكتشف أن الحروف العربية الصغيرة أصبحت مشوشة. اختيار صيغة الصورة يبدأ من محتواها: هل هي صورة فوتوغرافية، أم كتابة وشعار وحواف دقيقة، أم رسم يحتاج إلى التكبير؟
ثلاث صيغ، وأكثر من استخدام
| المحتوى | ما تبدأ بتجربته |
|---|---|
| صورة فوتوغرافية أو رسم ترويجي | WebP أو AVIF مع مقارنة الجودة والحجم |
| كتابة صغيرة أو مخطط وحواف دقيقة | ضغط دون فقدان أو PNG عند الحاجة |
| رسم متجهي أو أيقونة أصلية | SVG عندما يناسب طريقة العرض |
توضح MDN أن WebP وAVIF يدعمان خيارات ضغط وشفافية، وأن الرسوم الدقيقة والحروف تستفيد من اختيار يحافظ على حوافها. ويظل التوافق وطريقة التقديم مهمين؛ الصيغة وحدها لا تعالج صورة أصلية منخفضة الجودة.
اختبار سريع قبل النشر
- احتفظ بالأصل وصدّر نسخة للنشر بدل الكتابة فوقه.
- افتح النسخة بالحجم الذي سيشاهده الزائر، خصوصًا على الجوال.
- افحص حروف العنوان والنقاط والحواف والتدرجات، وليس المشهد العام فقط.
- قارن حجم الملف وشكله، ثم اختر توازنًا مناسبًا بدل أعلى ضغط ممكن.
مثال من تصميم غلاف عربي
اقتراح عملي من B52: اختبر عنوانك فوق مساحة هادئة في الصورة، ثم شاهد الغلاف في بطاقة صغيرة وفي صفحة المقال. إذا اختفت النقاط أو احتاج القارئ إلى التكبير، فتكبير الكتابة وتقليل ازدحام التصميم قد يفيدان أكثر من تبديل الصيغة وحده.
ولا تجعل اسم الامتداد وسيلة للتحويل؛ تغيير الاسم لا يغير ترميز الصورة. استخدم التصدير الصحيح، وأضف وصفًا بديلًا مفيدًا عند النشر، واحفظ حقوق الصور الأصلية إذا بُني التصميم عليها. الرسوم التوضيحية في هذا المقال أصلية من B52، ولا تمثل مقارنة أداء مقاسة بين الصيغ.
المصادر والمراجع
دليل أصلي من B52؛ راجع الروابط للمعلومات المرجعية.
