ما أفضل صيغة صور لموقع إلكتروني؟

سؤال «ما أفضل صيغة؟» ليس صحيحًا قبل معرفة نوع الصورة. يحتوي الموقع على عدة أنواع مختلفة جدًا من الصور، ولكل منها خيار فائز واضح:

• الصور الفوتوغرافية، مثل المنتجات والأشخاص والأماكن: استخدم صيغة ذات ضغط فاقد. تُعد AVIF الأصغر، وWebP الخيار الحديث الآمن افتراضيًا، وJPG الصيغة الاحتياطية التي يستطيع كل متصفح عرضها.
• الشعارات والأيقونات والرسوم التوضيحية: استخدم SVG. إنها رسومات متجهية، ولذلك تظل حادة بأي حجم وعلى أي شاشة، ويكون الملف عادةً صغيرًا جدًا. لا تلجأ إلى صيغة نقطية إلا عندما ترفض منصة ما SVG.
• لقطات الشاشة ورسومات واجهة المستخدم وكل ما يتضمن شفافية: استخدم PNG أو WebP غير الفاقد. فالألوان المسطحة والحواف الحادة هي بالضبط ما تضغطه الصيغ غير الفاقدة بكفاءة.
• الرسوم المتحركة القصيرة: استخدم WebP أو AVIF المتحركين بدلًا من GIF، إذ تقتصر GIF على لوحة ألوان صغيرة وتنتج ملفات أكبر بكثير.
• أيقونة الموقع: ملف ICO، ويُفضّل أن ترافقه نسخة SVG أو PNG، وراجع كيفية إنشاء أيقونة موقع من صورة.

الخطأ التقليدي هو حفظ صورة فوتوغرافية بصيغة PNG. تخزّن PNG كل بكسل من دون فقد، وهذا مثالي للشعار وكارثي للصورة الفوتوغرافية، إذ يتضخم الملف ليصبح أكبر بعدة مرات من JPG من دون أي تحسن مرئي.

بالنسبة إلى الصور الفوتوغرافية، يعتمد الاختيار على مدى قدرتك على الاعتماد على المتصفحات الأحدث:

• AVIF هي الأفضل ضغطًا: عند جودة الويب المعتادة، يكون حجمها أصغر بنحو 50% من JPEG وأصغر بنسبة 20–30% من WebP، مع دعم HDR ونطاق الألوان الواسع عند الحاجة إليهما. تعرضها متصفحات Chrome وFirefox وSafari جميعًا، ويدعمها Safari منذ الإصدار 16.4، في 2023. أما سلبياتها فهي بطء الترميز، خصوصًا للصور الكبيرة، وضعف دعمها في برامج سطح المكتب والأجهزة القديمة.
• WebP هي الخيار العملي الافتراضي: أصغر بنسبة 25–35% من JPEG عند الجودة المرئية نفسها، مع دعم الشفافية، وتدعمها جميع المتصفحات الشائعة منذ 2020. لا تزال بعض تطبيقات سطح المكتب والأدوات القديمة عاجزة عن فتحها، وهذا مهم للملف الذي تسلمه إلى مصمم، لا للملف الذي تقدمه للزوار.
• JPG هي الصيغة الاحتياطية العالمية. إنها الأقل كفاءة بين الصيغ الثلاث، لكن صورة JPG المحفوظة بجودة تقارب 75–82 لا يمكن عادةً تمييزها عن الأصل على الشاشة، ولا يوجد شيء على الويب يعجز عن عرضها.

يقدّم الإعداد الأقوى AVIF إلى المتصفحات التي تفهمها، وWebP إلى البقية، ويحتفظ بملف JPG لكل ما هو أقدم. وإذا كنت تفضّل اختيار صيغة واحدة، فإن WebP مع JPG احتياطيًا يغطيان الجميع تقريبًا. ستجد المقارنات المباشرة في مقارنة WebP وAVIF ومقارنة WebP وJPG، أما الرسومات بدلًا من الصور الفوتوغرافية فراجع مقارنة PNG وJPG.

بعد تحديد الصيغة المستهدفة، يصبح التحويل سريعًا ولا يغادر جهازك مطلقًا. تعمل أداة تحويل الصور من EditItAll بالكامل داخل متصفحك:

1. افتح أداة التحويل وأفلت صورك فيها، سواء كانت ملفًا واحدًا أو محتويات مجلد كامل. تُعالج الدفعات معًا.
2. اختر صيغة الإخراج: WebP أو AVIF للصور الفوتوغرافية، وPNG للرسومات التي تحتاج إلى الشفافية. توجد مسارات مباشرة للمهام الشائعة: تحويل JPG إلى WebP وتحويل PNG إلى WebP وتحويل JPG إلى AVIF وتحويل PNG إلى AVIF.
3. اضبط الجودة. لا يوجد حقل للحجم المستهدف، فالحجم نتيجة. يعرض كل ملف حجمه قبل التحويل وبعده، لذا حرّك شريط التمرير قليلًا حتى يبدو كل من الرقم والصورة مناسبًا.
4. نزّل النتائج منفردة أو في ملف ZIP واحد.

لا يُرفع أي شيء، ويمكنك قطع الاتصال بالإنترنت بعد تحميل الصفحة ومواصلة التحويل، كما تُزال بيانات EXIF وGPS الوصفية من كل صورة مصدّرة لكيلا تكشف صورة المنتج مكان التقاطها. الخدمة مجانية، ولا تتطلب حسابًا، ولا تضيف علامة مائية. هل لديك الصيغة الصحيحة بالفعل وتحتاج فقط إلى تصغير الملف؟ انتقل مباشرةً إلى أداة ضغط الصور. وإذا أصرت منصة على نسخة نقطية من شعار متجهي، فإن تحويل SVG إلى PNG يصيّره بأي حجم تختاره.

اختيار الصيغة أمر مهم، لكن ثلاث عادات توفر وحدات بايت أكثر مما قد يوفره الانتقال من JPG إلى AVIF:

• غيّر الحجم إلى المقاس الذي تعرضه فعلًا. تكون صورة الكاميرا أعرض بعدة مرات من المساحة التي تشغلها على الصفحة، ويجري تنزيل كل تلك البكسلات الزائدة ثم التخلص منها. تتضمن أدوات صور EditItAll حدًا اختياريًا لأقصى أبعاد لهذا الغرض تحديدًا.
• اضغط مرة واحدة انطلاقًا من الملف الأصلي. كل حفظ بصيغة فاقدة يتخلص من قدر إضافي بسيط من التفاصيل. احتفظ بالأصل، وصدّر منه نسخة الويب، ولا تُعِد حفظ JPG على هيئة WebP ثم AVIF ضمن سلسلة تحويلات.
• قدّم الصيغ الحديثة مع صيغة احتياطية. اعرض AVIF أو WebP أولًا، ودع المتصفحات القديمة تلجأ إلى JPG أو PNG، حتى لا يرى أي زائر صورة معطلة.

إذا طلب منك تقرير سرعة «ترميز الصور بكفاءة» أو «تقديم الصور بصيغ الجيل التالي»، فهذا القرار هو المقصود تمامًا: يشرح دليل إصلاح تحذير ترميز الصور بكفاءة الخطوات، بينما يغطي دليل ضغط JPEG للويب شريط تمرير الجودة بالتفصيل. توجد أدلة إضافية عن الصيغ ضمن مجموعة تحويل الصور.