شرح صيغ الصور: PNG وJPG وWebP وHEIC — دليل شامل
يؤثر اختيار صيغة الصورة الصحيحة على حجم الملف والجودة وسرعة التحميل والتوافق. إليك شرحًا شاملاً لكل صيغة رئيسية ستصادفها.
JPG / JPEG
الاسم الكامل: Joint Photographic Experts Group
الضغط: مع فقدان — يحذف البيانات بشكل دائم لتقليل الحجم
الشفافية: لا
الأفضل لـ: الصور الفوتوغرافية، وسائل التواصل الاجتماعي، صور البريد الإلكتروني
الحجم النموذجي: 50 كيلوبايت – 2 ميجابايت لصور الويب
ظلت JPG صيغة الصور القياسية منذ التسعينيات. يدعمها كل جهاز ومتصفح وتطبيق. القيد الرئيسي هو أن كل حفظ يعيد ضغط الصورة، مما يقلل الجودة تدريجيًا. لا تستخدم JPG أبدًا للشعارات أو الرسومات كثيفة النصوص أو الصور التي ستعدّلها بشكل متكرر.
PNG
الاسم الكامل: Portable Network Graphics
الضغط: بدون فقدان — لا فقدان في الجودة
الشفافية: نعم (قناة ألفا كاملة)
الأفضل لـ: الشعارات، الأيقونات، لقطات الشاشة، الصور ذات الشفافية
الحجم النموذجي: 100 كيلوبايت – 10 ميجابايت حسب المحتوى
أُنشئت PNG كبديل أفضل لـ GIF (دون مشكلات براءات الاختراع). ضغطها بدون فقدان ودعمها للشفافية يجعلانها المعيار لملفات التصميم. ملفات PNG أكبر من JPG للصور الفوتوغرافية، لكنها أصغر من JPG للرسومات البسيطة ذات الألوان المسطحة.
WebP
المطوّر: Google (2010)
الضغط: مع فقدان وبدون فقدان
الشفافية: نعم
التحريك: نعم
الأفضل لـ: صور الويب، استبدال JPG وPNG على المواقع
الحجم النموذجي: أصغر بنسبة 25–35% من JPG المعادل
WebP هي صيغة الويب الحديثة. تقوم بكل ما تفعله JPG وPNG، لكن بشكل أفضل — ملفات أصغر، شفافية اختيارية، ودعم للتحريك. أصبح دعم المتصفحات الآن شاملاً. القيد الرئيسي هو أن بعض التطبيقات خارج المتصفح لا تدعمها بعد.
HEIC / HEIF
الاسم الكامل: High Efficiency Image Container / High Efficiency Image Format
المطوّر: MPEG (تستخدمها Apple منذ iOS 11)
الضغط: مع فقدان (كفاءة عالية جدًا)
الشفافية: نعم
الأفضل لـ: صور iPhone وiPad
الحجم النموذجي: أصغر بحوالي 50% من JPG بنفس الجودة
HEIC هي صيغة كاميرا Apple. إنها ممتازة للتخزين — الصور بها حوالي نصف حجم JPG بنفس الجودة. المشكلة هي التوافق: لا تدعم أنظمة Windows وAndroid ومعظم منصات الويب صيغة HEIC بشكل أصلي. حوّل HEIC إلى JPG للمشاركة.
GIF
الاسم الكامل: Graphics Interchange Format
الضغط: بدون فقدان (لكنه محدود بـ 256 لونًا)
الشفافية: ثنائية فقط (البكسل إما شفاف تمامًا أو معتم تمامًا)
التحريك: نعم
الأفضل لـ: الرسوم المتحركة القصيرة المتكررة، الميمز
حد الـ256 لونًا في GIF يجعلها غير مناسبة للصور الفوتوغرافية. للمحتوى المتحرك الحديث، تنتج WebP أو فيديو MP4 ملفات أصغر بشكل كبير. تستمر GIF بشكل أساسي لأسباب ثقافية/متعلقة بالميمز، وليس لجدارتها التقنية.
SVG
الاسم الكامل: Scalable Vector Graphics
النوع: متجهي (ليس نقطيًا/قائمًا على البكسل)
قابلية التكبير: غير محدودة — يبدو مثاليًا بأي حجم
الأفضل لـ: الشعارات، الأيقونات، الرسومات التوضيحية، عناصر واجهة المستخدم
SVG ليست صيغة نقطية مثل الأخرى — فهي تخزن أوصافًا رياضية للأشكال بدلاً من البكسلات. هذا يعني أن الشعارات والأيقونات تبقى دائمًا حادة بأي حجم. عادةً ما تكون ملفات SVG صغيرة جدًا (1–10 كيلوبايت)، مما يجعلها مثالية للأيقونات والشعارات على المواقع.
TIFF
الاسم الكامل: Tagged Image File Format
الضغط: بدون فقدان (عادةً)
الأفضل لـ: الطباعة، التصوير الفوتوغرافي الاحترافي، الأرشفة
ملفات TIFF كبيرة جدًا لكنها تحافظ على أقصى جودة. إنها المعيار للملفات الجاهزة للطباعة وأرشيفات التصوير الاحترافي. لا تستخدم TIFF أبدًا على موقع ويب — الملفات كبيرة جدًا للنقل عبر الويب.
دليل اختيار الصيغة السريع
| الموقف | استخدم |
|---|---|
| صورة على موقع ويب | WebP أو JPG |
| شعار أو أيقونة | SVG أو PNG |
| لقطة شاشة بنص | PNG |
| صورة iPhone للمشاركة | تحويل HEIC إلى JPG |
| صورة متحركة | WebP أو MP4 |
| تصميم للطباعة | TIFF أو PDF |
| صورة بريد إلكتروني | JPG |