تداول نت

▷ PNG مقابل JPG و WEBP و GIF: أفضل تنسيق للصورة

ما هو أفضل تنسيق للصورة؟

بشكل عام ، نعرف بعض امتدادات الصور عندما نقوم بتنزيل صورة أو إرسال صورة GIF إلى WhatsApp ، على الرغم من أننا نادرًا ما نعرف معناها وخصائص أحدهما أو الآخر.

يحدث ذلك عادةً عندما يكون لدينا موقع ويب ونحتاج إلى صورة لتوضيح أو استكمال المحتوى الذي سئلنا عن تنسيق الصورة المناسب ، على الرغم من أنه قد يبدو غير منطقي ، إلا أن الاختيار السيئ في تنسيق الصورة يمكن أن يسبب مشاكل غير ضرورية على موقعنا ، على سبيل المثال ، على سبيل المثال ، الرسومات الكبيرة ، والرسومات بنص غير واضح …

اعتمادًا على التنسيق ، يمكننا ضغط الصورة أو تركها بخلفية شفافة ، ويمكننا حتى تحريكها ، ولكن … كيف نعرف التنسيق الأكثر ملاءمة لصورة معينة؟ بعد ذلك ، سنقارن بين العديد من التنسيقات الأكثر استخدامًا: PNG و JPG و GIF و WEBP. لإجراء التحليل ، سنعتمد على ثلاثة عوامل أساسية.

PNG مقابل JPG: ضغط

يجب تنزيل جميع الرسومات المضمنة في صفحة الويب من الخادم ، وبالتالي من المهم أن تكون الصور خفيفة بحيث يمكن تنزيل المحتوى في أسرع وقت ممكن.

بهذا المعنى ، يعد تنسيق JPG تنسيقًا جيدًا ، حيث يسمح لك بضغط ما يصل إلى 10 أضعاف حجم الصورة. باستخدام JPG ، يمكنك حفظ صور ملونة جدًا وسيكون حجم الملف خفيفًا جدًا ، مما يجعله مثاليًا للاستخدام على موقع الويب. ضع في اعتبارك أنه تنسيق مضغوط ، لذلك عند تحويل الصورة ، سيكون هناك فقدان أكبر أو أقل للجودة ، اعتمادًا على معدل الضغط الذي نستخدمه ، وسيزداد ذلك مع التحويلات المتتالية. نوصي بعدم الضغط بنسبة عرض إلى ارتفاع تقل عن 70٪ ، مما يمنحنا صورًا تقل عادةً عن 200 كيلوبايت ، ولكن بجودة كافية لتبدو جيدة على موقع الويب على أي جهاز.

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

JPG

يجب تنزيل جميع الرسومات المضمنة في صفحة الويب من الخادم ، وبالتالي من المهم أن تكون الصور خفيفة بحيث يمكن تنزيل المحتوى في أسرع وقت ممكن.

بهذا المعنى ، يعد تنسيق JPG تنسيقًا جيدًا ، حيث يسمح لك بضغط ما يصل إلى 10 أضعاف حجم الصورة. باستخدام JPG ، يمكنك حفظ صور ملونة جدًا وسيكون حجم الملف خفيفًا جدًا ، مما يجعله مثاليًا للاستخدام على موقع الويب. في كل مرة نقوم بتقليل حجمها ، نفقد الجودة. نوصي بعدم الضغط بنسبة عرض إلى ارتفاع أقل من 70٪ من الجودة ، مما سيعطينا صورًا تقل عادةً عن 200 كيلوبايت ، ولكن سيكون كافياً لرؤية موقع الويب جيدًا من أي جهاز.

بي إن جي

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

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

صور متحركة

التنسيق العصري بفضل تكامله مع WhatsApp ، GIF إنه تنسيق يسمح بالحركة في حلقة لا نهائية عادة (بسبب شهرتها ، ظهرت بوابات متخصصة مثل Giphy).

PNG × JPG

يمكن أن تدعم الورق الشفاف ولوحة ألوان 256 لونًا. بالإضافة إلى الرسوم المتحركة ، يمكن استخدام GIF على صور بسيطة وخفيفة الوزن وذات ألوان مسطحة (لا تبدو التدرجات اللونية جيدة بسبب القيود المفروضة على عدد النغمات). لا ينصح باستخدامه في حالة التصوير الفوتوغرافي: الصور تفقد الكثير من الجودة إذا قمت بتحويلها إلى GIF.

ويب

إنه تنسيق صورة جديد أحدث ثورة في عالم ضغط الصور. تم تطويره بواسطة Google وأوصى به في أداة تحسين الويب PageSpeed ​​Insights. تعود بداياته إلى عام 2010 كمبادرة مفتوحة المصدر تحقق ضغطًا بنسبة 30٪ على الصور الثابتة والرسوم المتحركة.

المشكلة الوحيدة هي أنه نظرًا لإصداره الأخير ، لا تدعم جميع المتصفحات هذا التنسيق. يمكننا العثور عليه في Google Chrome و Opera و Safari. إنه المستقبل في تنسيقات الصور.

الخلاصة: ما هو أفضل تنسيق للصورة؟

في الوقت الحالي ، لا يوجد تنسيق واحد يمكن استخدامه لكل شيء ، لذلك سيتعين علينا استخدام أحدهما أو الآخر وفقًا لاحتياجاتنا في كل حالة.

تنسيق JPG هو الأنسب للصور الفوتوغرافية والصور الواقعية التي قد تشغل عدة ميغا بايت بتنسيقها الأصلي ، كما هو الحال عند ضغطها ، يمكن أن تكون بضع مئات من كيلو بايت أو أقل.

يعد تنسيق PNG هو الأنسب للاستخدام على خلفيات مواقع الويب أو الرموز والرسومات أو الصور ذات الخلفية الشفافة أو ذات الخطوط الرفيعة أو النصوص.

سنستخدم GIF للرسوم المتحركة والملفات التي تحتوي على القليل من المعلومات أو الألوان.

وبينما يمكننا التصفية حسب المتصفح ، سنستخدم WebP لتحسين النتيجة الإجمالية لسرعة الصفحة وكذلك زيادة سرعة تنزيل الصور.

نأمل أن تكون هذه المقارنة البسيطة لتنسيق الصور مفيدة لك لتحسين أداء وجودة الصور على موقعك.

زر الذهاب إلى الأعلى