كل صيغة صورة هي مجموعة من المقايضات بين حجم الملف والجودة وميزات كالشفافية أو الحركة. اختر الخاطئة تحصل على ملفات منتفخة أو نص ضبابي أو رسومات لا تُعرض. إليك كل صيغة من الصيغ الشائعة بمصطلحات بسيطة، يتبعها جدول تُبقيه في متناول يدك.
العائلتان الكبيرتان
قبل الصيغ الفردية، تمييز واحد يشرح معظمها:
- الصور النقطية (Raster) شبكات من البكسلات. الصور الفوتوغرافية نقطية. كبّر بما يكفي فترى مربّعات. صيغ PNG وJPG وWebP وAVIF وGIF كلها نقطية.
- الصور المتجهة (Vector) رياضيات — خطوط ومنحنيات وأشكال تُعرَّف بإحداثيات. تتغيّر مقاسًا إلى أي حجم دون ضبابية. صيغة SVG هي الصيغة المتجهة على الويب.
الفكرة الأساسية الأخرى هي الضغط بفقدان مقابل بلا فقدان. الصيغ ذات الفقدان (JPG، وعادةً AVIF/WebP) تتخلّص من بعض التفاصيل لتقليص الملف. الصيغ بلا فقدان (PNG وGIF وWebP بلا فقدان) تحتفظ بكل بكسل بالضبط.
الصيغ، واحدة تلو الأخرى
JPG (JPEG) — الأداة المعتمدة للصور الفوتوغرافية. ذات فقدان، صغيرة، ومقروءة في كل مكان حرفيًا. لا شفافية، لا حركة. الحفظ المتكرر يتلفها ببطء. استخدمها للصور وأي مكان يحتاج أقصى توافق.
PNG — بلا فقدان، تدعم الشفافية. الخيار الصحيح للقطات الشاشة والشعارات والأيقونات والمخططات — أي شيء ذي نص أو حواف حادّة. الصور بصيغة PNG كبيرة، فلا تستخدمها لها.
WebP — صيغة حديثة تؤدي المهمتين: الوضع ذو الفقدان يتفوّق على JPG في الحجم (أصغر بـ ~25–35٪)، والوضع بلا فقدان يدعم الشفافية ويبقى مضغوطًا. تتعامل مع الحركة أيضًا. مدعومة عالميًا في المتصفحات الآن. مثالية للويب؛ أقل من ذلك للبريد أو البرامج القديمة.
AVIF — الأحدث والأفضل ضغطًا هنا، نحو نصف حجم JPEG بجودة مماثلة، مع شفافية وHDR. تستطيع المتصفحات عرضها جيدًا، لكنها لا تستطيع ترميزها موثوقًا من Canvas — فأدوات المتصفح تتراجع إلى WebP حين تطلب AVIF. ترميز AVIF الحقيقي يحتاج خادمًا أو تطبيقًا أصليًا.
GIF — قديمة، محدودة بـ 256 لونًا، لكنها الكلاسيكية للحركة البسيطة. لأي شيء يتجاوز حلقة قصيرة، WebP (أو فيديو) أصغر وأحدّ. لا بأس بها للأيقونات المتحركة الصغيرة؛ سيئة للصور.
SVG — متجهة، فتتغيّر مقاسًا بلا نهاية دون ضبابية وتبقى ضئيلة للرسومات البسيطة. مثالية للشعارات والأيقونات والرسوم التوضيحية. إنها شيفرة، لا بكسلات، فلا يمكنها تمثيل صورة فوتوغرافية.
جدول المقارنة
| الصيغة | النوع | الضغط | الشفافية | الحركة | الأفضل لـ |
|---|---|---|---|---|---|
| JPG | نقطية | ذات فقدان | لا | لا | الصور، أقصى توافق |
| PNG | نقطية | بلا فقدان | نعم | لا | لقطات الشاشة، الشعارات، النص |
| WebP | نقطية | كلاهما | نعم | نعم | صور الويب، صغيرة + شفافية |
| AVIF | نقطية | فقدان/بلا فقدان | نعم | نعم | أقصى ضغط (على الخادم) |
| GIF | نقطية | بلا فقدان | 1-بت فقط | نعم | حركات بسيطة |
| SVG | متجهة | لا ينطبق | نعم | نعم (مع CSS/JS) | الشعارات، الأيقونات، الرسوم التوضيحية |
كيف تختار، بسرعة
- صورة فوتوغرافية؟ JPG للتوافق، WebP للويب.
- لقطة شاشة أو شعار أو نص؟ PNG (نقطية) أو SVG (إن كانت رسمًا متجهًا حقيقيًا).
- تحتاج شفافية؟ PNG أو WebP أو AVIF أو SVG — أبدًا JPG.
- حركة؟ WebP للجودة والحجم، وGIF فقط للبساطة القديمة.
- تنشر على موقع؟ WebP عادةً هو الافتراضي الذكي.
التحويل بينها
حين تكون لديك الصيغة الخاطئة، لست بحاجة إلى رفع أي شيء لإصلاح ذلك. تبدّل أداة تحويل الصور بين PNG وJPG وWebP داخل متصفحك مباشرةً باستخدام Canvas — بلا حساب، لا يُنقل شيء، وتعمل دون اتصال بعد الزيارة الأولى. تتعامل مع الدفعات، وإن طلبت AVIF تتراجع إلى WebP (أصغر من JPG/PNG ومدعومة في كل مكان) بما أن المتصفحات لا تستطيع ترميز AVIF موثوقًا.
أبقِ الجدول أعلاه في بالك فيتوقف اختيار الصيغة عن كونه تخمينًا: طابق الصيغة مع المحتوى (صورة مقابل رسم)، ثم مع الوجهة (ويب، بريد، طباعة)، فتختار صحيحًا في كل مرة تقريبًا.