خلفية شفافة: ما الصيغ التي تدعمها ومتى تختارها (PNG وWebP وAVIF)

1) الأساس: قناة ألفا

الشفافية الحقيقية تتطلب قناة ألفا لكل بكسل. بدونها تُمزَج الحواف مسبقاً بلون ثابت فيظهر هالات على خلفيات مختلفة.

2) صيغ تدعم الشفافية

• PNG (بدون فقدان): شفافية مثالية وحواف حادة. مثالي لواجهات المستخدم والشعارات.
• WebP: يدعم الألفا في الوضعين الضياعي وبدون فقدان. توازن رائع بين الحجم والجودة.
• AVIF: ضغط متفوق مع دعم الألفا. افحص التدرجات؛ الترميز قد يكون أبطأ.
• SVG: متجهي قابل للتدرج ويدعم الشفافية عبر الأشكال/العتامة.

3) صيغ لا تناسب

• JPEG: بلا قناة ألفا → ظهور fringing.
• GIF: شفافية ثنائية فقط → حواف متعرجة.

4) تفادي الهالات: matte وAlpha مسبق المزج

صدّر بدون matte وبـ ألفا حقيقي، ثم اختبر على خلفيات فاتحة وغامقة.

5) PNG أم WebP أم AVIF؟

• واجهات مسطحة/شعارات: PNG أو WebP بدون فقدان.
• صور مقصوصة: WebP/AVIF مع ألفا غالباً الأفضل.
• متجه: SVG متى أمكن.

6) سير عمل مقترح مع Orqui

1. أزل الخلفية (عتبة + تدرج).
2. حوّل إلى WebP/PNG.
3. حسّن مع مقارنة بصرية.

7) قائمة تحقق للجودة

• لا هالات على خلفية فاتحة أو غامقة.
• أبعاد مناسبة للاستخدام.
• صيغة تدعم الألفا (PNG/WebP/AVIF) أو SVG.
• حجم ملف معقول.