اختيار التنسيق الأمثل بين JPEG، GIF، و PNG: شرح أنواع ملفات الصور واختبارها

في عالم الويب المُشبع بالصور، يواجه العديد من المُستخدمين تحدي اختيار التنسيق المثالي لملفات الصور لتحقيق توازن بين جودة الصورة وحجمها. من بين الصيغ الشهيرة مثل JPEG، GIF، وPNG، يطرح السؤال: أي نوع يجب اختياره؟

هل تعرف الفرق بين ملفات الصور JPEG و GIF و PNG وأنواع ملفات الصور الأخرى؟ هل تعرف متى يجب عليك استخدام أحدها بدلاً من الآخر؟ أو ما هو التنسيق الأفضل لتخزين الصور؟ فيما يلي الأساسيات التي تحتاج إلى معرفتها.

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

اختيار التنسيق الأمثل بين JPEG، GIF، و PNG: شرح أنواع ملفات الصور واختبارها - مقالات

RAW — بيانات الصورة غير المضغوطة

يؤدي التصوير باستخدام RAW إلى التقاط تفاصيل صورة مُرتفعة، بأحجام ملفات كبيرة وجودة غير مُهدرة للبيانات. تعني بيانات الصورة المُباشرة أنك تبدأ بصورة ذات جودة مرتفعة يُمكن تعديلها وتحويلها وضغطها بأسلوب لا يُؤدي إلى الإتلاف. ملفات RAW هي أحد أنواع تنسيق الملف النقطي.

يُمكنك الحصول على ملفات RAW مُباشرةً من كاميرا DSLR الخاصة بك. ملف RAW هو بالضبط ما يبدو عليه… ملف الصورة الخام بدون استخدام أي ضغط.

كل جزء من المعلومات التي التقطتها الكاميرا موجود في ملف RAW. ولهذا السبب فإنَّ هذه الملفات ضخمة؛ يُمكن بسهولة أن يصل حجم كل منها إلى 25 ميجابايت. وعلى الرغم من أنَّ هذا التنسيق يُعتبر خيار رائع لتعديل الصور، إلا أنه ليس رائعًا لتخزين الصور، ولهذا السبب يوجد ضغط الصور.

ملف RAW ليس في الواقع صورة، كما أنَّ RAW ليس تنسيقًا قياسيًا لملفات الصور. تمتلك الشركات المُصنِّعة للكاميرات تنسيقات RAW الخاصة بها، مثل CRW من Canon، و ARW من Sony، و NEF من Nikon.

يوجد أيضًا تنسيق صورة DNG RAW (رقمي سلبي). قامت Adobe بتطوير DNG، الذي يعمل بمثابة تنسيق ملف RAW عالمي، استجابةً لمشكلات التوافق عبر تنسيقات RAW الخاصة بالشركات المُصنِّعة للكاميرات المختلفة. ومع ذلك، لا تدعم جميع الشركات المصنعة للكاميرات هذا التنسيق.

في هذه المقالة، سأستخدم صورة اختبارية لتوضيح الاختلافات عبر تنسيقات الصور المُتعددة وفي الصفات المختلفة. لا يُمكنني عرض صورة RAW في المتصفح، لذا يوجد أدناه لقطة شاشة لصورة RAW غير مضغوطة وغير مُحرَّرة (لاحظ مدى ضخامة حجم الملف).

DNG — 81.2 ميجابايت — 7900 × 5925 بكسل

اختيار التنسيق الأمثل بين JPEG، GIF، و PNG: شرح أنواع ملفات الصور واختبارها - مقالات

JPEG — نوع الملف للاستخدام اليومي

JPEG (أو JPG) هو معيار مجموعة خبراء التصوير المُشترك. من المحتمل أن يكون تنسيق الصور الأكثر شيوعًا وغالبًا ما يستخدم لنشر الصور أو الصور النصية عبر الإنترنت. يدعم هذا التنسيق 24 بت لكل بكسل، ثمانية بت لكل من الأحمر والأخضر والأزرق، مما يُمكِّن تنسيق الألوان الحقيقية (RGB) من عرض أكثر من 16 مليون لون.

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

يوجد أدناه صورة اختبار DNG تم تحويلها إلى تنسيقات JPG عالية الجودة ومتوسطة الجودة ومنخفضة الجودة، مع أحجامها الخاصة.

JPG — جودة عالية (100%) — 38.3 ميجابايت — 7900 × 5925 بكسل

اختيار التنسيق الأمثل بين JPEG، GIF، و PNG: شرح أنواع ملفات الصور واختبارها - مقالات

JPG — جودة متوسطة (50%) — 1.95 ميجابايت — 3950 × 2963 بكسل

اختيار التنسيق الأمثل بين JPEG، GIF، و PNG: شرح أنواع ملفات الصور واختبارها - مقالات

JPG — جودة منخفضة (25%) — 259 كيلو بايت — 1975×1481 بكسل

اختيار التنسيق الأمثل بين JPEG، GIF، و PNG: شرح أنواع ملفات الصور واختبارها - مقالات

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

اختيار التنسيق الأمثل بين JPEG، GIF، و PNG: شرح أنواع ملفات الصور واختبارها - مقالات

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

GIF — ليس فقط للرسوم المتحركة

يسمح تنسيق الرسومات المُتبادلة، الذي تم تقديمه في عام 1987، بثمانية بتات لكل بكسل — ثلاثة لكل من الأحمر والأخضر، واثنتان للأزرق. وهذا يُمكِّن من عرض 256 لونًا متاحًا لصور GIF. باستخدام الضغط بدون البيانات المُهدرة، يُمكن لملفات GIF إعادة إنتاج لوحات الألوان المحدودة الخاصة بها بشكل مثالي من خلال عمليات إلغاء الضغط وإعادة الضغط المُتعددة.

أدى تحويل إصدار JPG عالي الجودة (38.3 ميجابايت) لصورتي الاختبارية إلى ملف GIF عالي الجودة (33 ميجابايت، 100%) إلى فقدان الجودة نظرًا لأن GIF له حدود ألوان لا توجد بها JPG. ومع ذلك، فإن تحويل ملف GIF الكبير إلى ملف GIF أصغر بكثير (4.3 ميجابايت، 33%) لم يؤدي إلى فقدان الجودة بسبب الضغط بدون فقدان.

فيما يلي ملفات GIF الكبيرة والصغيرة عن قرب وجنبًا إلى جنب:

اختيار التنسيق الأمثل بين JPEG، GIF، و PNG: شرح أنواع ملفات الصور واختبارها - مقالات

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

نظرًا للوحة الألوان المحدودة لملفات GIF، يُفضل استخدام هذا التنسيق للصور التي لا تتطلب الكثير من العمق، مثل الشعارات والأيقونات ذات مناطق الألوان المسطحة.

شيء آخر مهم يجب معرفته هو أنَّ صور GIF يمكن أن تكون متحركة، والتي لها جميع أنواع الاستخدامات الرائعة. يتم ذلك عن طريق عرض سلسلة من الإطارات الفردية بترتيب معين، وتشغيلها في حلقة، مما يخلق وهم الحركة. تحقق من كيفية إنشاء صور GIF من مقاطع فيديو YouTube.

PNG — للحصول على صور واضحة وحادة

اختيار التنسيق الأمثل بين JPEG، GIF، و PNG: شرح أنواع ملفات الصور واختبارها - مقالات

تم تصميم نوع ملف Portable Network Graphics كبديل لـ GIF في عام 1995، وهو تنسيق آخر بدون فقدان البيانات. ومع ذلك، فهو يتضمن معلومات أكثر بكثير من سابقه، حيث يحتوي إما على 24 أو 32 بت لكل بكسل.

يحتوي الإصدار 24 بت على معلومات RGB، بينما يستخدم الإصدار 32 بت مساحة الألوان RGBA. يشير حرف A في RGBA إلى إضافة قناة ألفا، مما يتيح مستويات مختلفة من الشفافية في الصورة. عندما ترى صورة PNG بخلفية مربعة، كما هو موضح أعلاه، فهذا يشير عادةً إلى الشفافية.

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

يوجد أدناه ملف PNG بحجم 78.5 ميجا بايت بجودة عالية 100%، تم تحويله من ملف RAW. لا يُظهر تحويل هذا الملف عالي الجودة إلى ملف PNG منخفض الجودة (10.9 ميجابايت، 33%) أي تأثير على الجودة، وذلك بفضل الضغط بدون فقدان البيانات.

وهنا الصور عن قرب وجنبا إلى جنب:

اختيار التنسيق الأمثل بين JPEG، GIF، و PNG: شرح أنواع ملفات الصور واختبارها - مقالات

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

TIFF — قليل الاستخدام ولكنه استثنائي

تم استخدام تنسيق ملف الصور ذات العلامات (TIFF أو TIF) في البداية للماسحات الضوئية، وقد تطور من ثنائي إلى تدرج رمادي وفي النهاية إلى ألوان كاملة. إنه الآن نوع ملف كامل الألوان شائع الاستخدام، ويستوعب كلاً من نماذج الألوان RGB و CMYK.

على الرغم من أنك قد لا ترى ملفات TIFF عبر الإنترنت مثل التنسيقات الأخرى، إلا أنها تتميز بتنوع استثنائي واستخدام واسع النطاق وتوافق مع أي تطبيق لتعديل الصور تقريبًا.

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

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

نظرًا لأن دعم TIFF ليس عالميًا في المتصفحات، فيما يلي لقطات شاشة PNG عالية الجودة لملف TIFF.

TIFF غير مضغوط — 71.4 ميجابايت

اختيار التنسيق الأمثل بين JPEG، GIF، و PNG: شرح أنواع ملفات الصور واختبارها - مقالات

TIFF مضغوط بدون فقدان البيانات — 36 ميجابايت

اختيار التنسيق الأمثل بين JPEG، GIF، و PNG: شرح أنواع ملفات الصور واختبارها - مقالات

TIFF مضغوط مع فقدان البيانات — 2.5 ميجابايت

اختيار التنسيق الأمثل بين JPEG، GIF، و PNG: شرح أنواع ملفات الصور واختبارها - مقالات

تعتبر ملفات TIFF مثالية بشكل خاص للتصوير الفوتوغرافي والتصميم الجرافيكي والطباعة. يمتد استخدامها إلى ما هو أبعد من الأنشطة الفنية؛ غالبًا ما يعتمد المحترفون في مجالات مثل التصوير الطبي وأرشفة المتاحف على ملفات TIFF.

SVG — قابل للتكبير بشكل لا نهائي لأي حجم

SVG هو تنسيق ملف صور فريد يوفر العديد من المزايا في سياقات معينة. باعتباره تنسيق قائمًا على المُتجهات (الرسومات الشعاعية) يستخدم XML، فإنَّ صور SVG لا تعتمد على الدقة، مما يعني أنه يمكن تغيير حجمها إلى أي حجم دون فقدان الجودة. جميع التنسيقات الأخرى المذكورة أعلاه تعتمد على البيانات النقطية. إذا لم تكن متأكدًا من الاختلافات، فراجع دليلنا حول الصور النقطية مقابل الصور المتجهة.

يوجد أدناه لقطة شاشة لرسم شعاعي، تم تكبيره بنسبة تزيد عن 2000%. ستظل حواف الرسم ناعمة بغض النظر عن مدى تكبير الصورة لأعلى أو لأسفل.

اختيار التنسيق الأمثل بين JPEG، GIF، و PNG: شرح أنواع ملفات الصور واختبارها - مقالات

هنا نسخة PNG من نفس الرسم. عند تكبيرها عند نفس النقطة، تصبح منقطة للغاية.

اختيار التنسيق الأمثل بين JPEG، GIF، و PNG: شرح أنواع ملفات الصور واختبارها - مقالات

عادةً ما تكون ملفات SVG صغيرة جدًا مُقارنةً بالتنسيقات النقطية مثل JPEG و PNG. حيث إنَّ لقطة الشاشة للرسم أعلاه (بتنسيق PNG) هي في الواقع أكبر من ملف SVG الخاص بالرسم نفسه، والذي يبلغ حجمه 28.7 كيلو بايت فقط.

يُعد تنسيق SVG مناسبًا بشكل خاص لمُصممي الجرافيك والرسامين الذين يقومون بإنشاء صور من الصفر، مثل الشعارات والأيقونات. لم يتم تحسينه للتعامل مع تعقيد وثراء محتوى الصور الفوتوغرافية لمشاهد العالم الحقيقي.

بعد كل هذه التفاصيل، ربما لا تزال تتساءل عن نوع الملف الأفضل.

بالنسبة لمعظم الأغراض، يُعد PNG رهانًا آمنًا، خاصةً إذا كنت تريد العمل باستخدام التراكبات والشفافية. اختر تنسيق JPEG عالي الجودة أو متوسط الجودة لمزيد من الضغط. يُعد TIFF مثاليًا إذا كنت تبحث عن الضغط بدون فقد البيانات وعمق الألوان العالي وتعدد الاستخدامات. يعد GIF مناسبًا للرسومات والرسوم المتحركة البسيطة، بينما يُوفر SVG قابلية التكبير غير المحدودة. واحتفظ دائمًا بملفات RAW حتى تتمكن من تعديل صورك مباشرةً من المصدر. يُمكنك الإطلاع الآن على خطوات فعّالة للحفاظ على جودة عالية عند حفظ الصور في Photoshop.

DzTech

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