أشهر أنواع امتدادات الصور الرقمية: الاستخدامات

قد يبدو اختيار أنواع وامتدادات ملفات الصور الرقمية الصحيحة قراراً تافهاً. لكن البشر في النهاية هم عبارة عن مخلوقات بصرية، والصور هي جزء لا يتجزأ من تجربة الإنترنت.

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

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

ما هي أنواع ملفات الصور المختلفة؟

تنقسم أنواع وتنسيقات ملفات الصور إلى فئتين رئيسيتين مختلفتين: ملفات الصور النقطية Raster وملفات الصور المتجهة Vector. دعونا نلقي نظرة أكثر تفصيلاً على كل فئة.

تنسيقات ملف الصور النقطية Raster Image File Formats.

تندرج جميع تنسيقات الصور الأكثر شيوعاً للويب (JPEG و GIF و PNG) ضمن فئة البيانات النقطية. تعرض أنواع ملفات الصور النقطية صوراً ثابتة. حيث يكون لكل بكسل لون محدد وموضع ونسبة بناءً على الدقة (على سبيل المثال 1280 × 720). نظراً لأنها ثابتة، لا يمكنك تغيير حجم الصور بكفاءة، فسيتم توسيع التصميم الأصلي ووحدات البكسل لملء المساحة الإضافية.

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

تنسيقات ملف صورة متجهة Vector Image File Formats

تعد SVG و EPS و AI و PDF أمثلة على أنواع ملفات الصور المتجهة. على عكس تنسيقات ملفات الصور النقطية الثابتة، حيث يتم ربط كل شكل ولون تصميم بالبكسل، تكون هذه التنسيقات أكثر مرونة. تستخدم الرسومات المتجهة بدلاً من ذلك نظاماً من الخطوط والمنحنيات على مستوى ديكارتي، يتم قياسه بالمقارنة مع المساحة الإجمالية، وليس أي بكسل واحد.

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

إقرأ أيضاً… طريقة التصوير بكاميرا هاتفك مثل الكاميرا الإحترافية.

15 نوعاً من أنواع امتدادات الصور الأكثر شيوعاً.

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

1. JPEG (And JPG) — Joint Photographic Experts Group

JPEG (أو JPG) هو من امتدادات الصور النقطية بضغط مع تقليل حجم البيانات. مما يجعله مناسباً لمشاركة الصور. تعتبر ملفات JPEG “ضائعة” بمعنى أنها تقلل حجم الملف، ولكن أيضاً جودة الصور عند استخدام هذا التنسيق.

لا يزال JPEG أحد أكثر أنواع ملفات الصور استخداماً والتي ستشاهدها على الإنترنت بسبب ضغطها ودعم متصفح الويب ونظام التشغيل العالمي تقريباً. تقوم معظم منصات الوسائط الاجتماعية (مثل Facebook و Instagram) تلقائياً بتحويل ملفات الصور التي تم تحميلها إلى ملفات JPEG. كما أنهم يستخدمون أحجام صور وسائط اجتماعية فريدة للتحكم في دقة صورك.

المميزات والعيوب:

• تدعم جميع أنوات متصفحات الويب وأنظمة التشغيل.

• حجم الملف منخفض إلى حد ما.

• قد يؤدي ضغط الصور المفقود إلى ضعف إمكانية قراءة النص.

دعم المتصفح ونظام التشغيل:

• مدعوم منذ الإصدار 1.0 لجميع المتصفحات الرئيسية (Chrome و Firefox و Safari وما إلى ذلك).

• مدعوم افتراضياً من قبل جميع برامج عرض الصور ومحرريها لجميع أنظمة التشغيل الرئيسية.

حالات الاستخدام:

• اختيار جيد لصور المدونات والمقالات، مثل لقطات رأس الشخص الذي تتم مقابلته وصور المنتجات وغيرها.

• لا تستخدم JPEG للرسوم البيانية التي تحتوي على الكثير من النصوص الصغيرة أو لقطات شاشة البرنامج التعليمية، حيث يكون النص هو الموضوع الأساسي للصورة.

2. PNG — Portable Network Graphics

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

المميزات والعيوب:

• صور عالية الجودة (غير منقوصة) ونصوص مرئية بوضوح.

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

دعم المتصفح ونظام التشغيل:

• مدعوم من قبل جميع المتصفحات الرئيسية (Chrome و Edge و Firefox و Internet Explorer و Opera و Safari).

• مدعومة من قبل جميع أنظمة التشغيل الرئيسية وبرامج تحرير الصور القياسية الخاصة بها.

حالات الاستخدام:

• اختيار جيد للرسوم البيانية واللافتات ورسومات المدونات ولقطات الشاشة والقسائم والعناصر المرئية الأخرى التي تتضمن نصوصاً.

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

3. GIF — Graphics Interchange Format

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

المميزات والعيوب:

• حجم ملف منخفض.

• دعم الرسوم المتحركة.

• يؤدي تقييد 8 بت إلى جودة صورة محدودة.

دعم المتصفح ونظام التشغيل:

• مدعوم من قبل جميع المتصفحات الرئيسية (Chrome و Edge و Firefox و Internet Explorer و Opera و Safari).

• مدعومة من قبل جميع أنظمة التشغيل الرئيسية وبرامج تحرير الصور القياسية الخاصة بها.

حالات الاستخدام:

• استخدم صور GIF المتحركة ليس فقط “لإضفاء الإثارة على المحتوى” ولكن لتوضيح كيفية إكمال المهام في البرامج التعليمية والأدلة.

• لا تستخدمه إذا كنت بحاجة إلى صور ملونة أكبر من 8 بت (يدعم JPEG ما يصل إلى 24 بت).

4. WebP

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

المميزات والعيوب:

• ملفات أصغر لنفس جودة الصورة أو أفضل منها.

• غير مدعوم من قبل جميع المتصفحات وبرامج تحرير الصور.

دعم المتصفح ونظام التشغيل:

• Google Chrome (الإصدار 17+ لسطح المكتب ، 25+ للجوال) ، Firefox (65+) ، Edge (18+) ، Opera (11.0+) ، يدعم WebP أصلاً. الإصدار 14 المخطط له من Safari سيدعم WebP.

• لا يزال التنسيق غير مدعوم من قبل معظم برامج تحرير صور نظام التشغيل الأصلية، لكن الخيارات الاحترافية مثل Photoshop تدعم WebP.

حالات الاستخدام:

• استبدل ملفات JPEG و PNG لتوفير النطاق الترددي وتسريع موقعك.

5. TIFF – Tagged Image File Format

أحد التنسيقات التي يجب ألا تكون مفقودة في هذا الدليل لأنواع ملفات الصور، لدينا تنسيق TIFF. TIFF، وهو اختصار لـ Tagged Image File Format، هو تنسيق صورة نقطية يستخدم بشكل شائع لتخزين وتحرير الصور التي سيتم استخدامها لاحقًا للطباعة.

على الرغم من أنه يدعم الضغط مع فقدان البيانات، إلا أنه يتم استخدامه عادةً كتنسيق صورة بدون فقدان البيانات. علاوة على ذلك، فإن معظم تطبيقات الرسوم الاحترافية التي تدعم TIFF (Photoshop ، Illustrator ، إلخ) لا تستخدم الضغط. وبالتالي، من الشائع أن تكون صور TIFF كبيرة في حجم الملف.

المميزات والعيوب:

• ملفات عالية الجودة مثالية للتخزين أو نشر الطباعة.

• حجم ملف كبير نتيجة للاستخدام النموذجي بدون ضغط.

• دعم متصفح محدود.

دعم المتصفح ونظام التشغيل:

• لا يمكن لأي مستعرضات رئيسية عرض ملف TIFF بدون الوظائف الإضافية أو الامتدادات.

• متاح بشكل أساسي كتنسيق تصدير لأدوات تحرير ونشر الصور الاحترافية.

حالات الاستخدام:

• تخزين وإعداد الصور والرسومات للنشر.

• تستخدم بواسطة العديد من الماسحات الضوئية للحفاظ على جودة المستندات أو الصور الممسوحة ضوئياً.

6. BMP — Bitmap

الصورة النقطية (BMP) هو من امتدادات الصور التي في الغالب تقوم بتعيين وحدات البكسل الفردية مع ضغط قليل أو بدون ضغط. وهذا يعني أن ملفات BMP يمكن أن تصبح كبيرة للغاية بسهولة ولا يمكن تخزينها أو التعامل معها.

المميزات والعيوب:

• أحجام ملفات ضخمة بدون مكاسب ملحوظة في الجودة مقارنة بتنسيقات مثل WebP أو GIF أو PNG.

دعم المتصفح ونظام التشغيل:

• مدعوم من قبل جميع المتصفحات الرئيسية (Chrome و Edge و Firefox و Internet Explorer و Opera و Safari).

• دعم أصلي في معظم برامج تحرير الصور الافتراضية لنظام التشغيل، مثل MS Paint.

حالات الاستخدام:

• في عام 2022 وما بعده، لا توجد حالات استخدام شرعية بشكل أساسي لتنسيق صورة BMP.

7. HEIF — High Efficiency Image File Format

HEIF، اختصار لـ High Efficiency Image File Format، هو من امتدادات الصور، وتنسيق صورة تم تطويره بواسطة الفريق وراء تنسيق فيديو MPEG ليكون منافساً مباشراً لـ JPEG. من الناحية النظرية، يكون الضغط ضعف كفاءة JPEG تقريباً، مما يؤدي إلى الحصول على صور ذات جودة مضاعفة بأحجام ملفات متطابقة. وهو تنسيق صورة نقطية، يعتمد على تعيين البكسل، مما يعني أنه لا يمكنك زيادة حجم الصور دون فقدان الجودة.

المميزات والعيوب:

• جودة كبيرة لنسبة حجم الملف.

• لا يوجد متصفح ودعم محدود لنظام التشغيل.

دعم المتصفح ونظام التشغيل:

• غير مدعوم من قبل أي متصفحات رئيسية.

• الدعم الأصلي في macOS Sierra و iOS 11 والإصدارات الأحدث، ولكن ليس في إصدارات Safari الخاصة بهما.

حالات الاستخدام:

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

إقرأ أيضاً… أفضل 8 برامج تعديل الصور المجانية لأجهزة أبل وأندرويد في 2021.

8. SVG — Scalable Vector Graphics

تم تطوير تنسيق ملف Scalable Vector Graphics، الذي يشار إليه عادةً باسم SVG، بواسطة W3C كلغة ترميز لتقديم صور ثنائية الأبعاد مباشرة داخل المتصفح. لا يعتمد على وحدات البكسل مثل تنسيق البيانات النقطية، ولكنه يستخدم بدلاً من ذلك نص XML لتخطيط الأشكال والخطوط بطريقة مشابهة لكيفية إنشاء المعادلات الرياضية للرسوم البيانية. هذا يعني أنه يمكنك توسيع نطاق صور SVG إلى ما لا نهاية دون فقدان الجودة.

المميزات والعيوب:

• أحجام ملفات صغيرة وقياس بدون فقدان للرسوم التوضيحية والأشكال والنصوص البسيطة.

• ليس تنسيقاً مثالياً للصور أو الرسومات المعقدة.

دعم المتصفح ونظام التشغيل:

• مدعوم من قبل جميع المتصفحات الرئيسية (Chrome و Edge و Firefox و Internet Explorer و Opera و Safari).

• تميل برامج تحرير الصور الافتراضية إلى عدم دعم SVG (لأنها غير مناسبة للصور الفوتوغرافية)، ولكن معظم برامج الرسوم التوضيحية تدعم عمليات تصدير SVG.

حالات الاستخدام:

• يعد تنسيق SVG هو التنسيق المثالي للشعارات والأيقونات والرسوم التوضيحية البسيطة وأي شيء آخر تريد أن يكون قابلاً للتطوير بحرية باستخدام تصميمك سريع الاستجابة.

9. EPS — Encapsulated Postscript

في جوهره، ملف EPS (Encapsulated PostScript) هو ملف صورة متجه يستخدم لتخزين الرسوم التوضيحية في Adobe Illustrator وبرامج التوضيح الأخرى مثل CorelDraw. مثل ملفات SVG ، فإن EPS هو في الواقع مستند مستند إلى نص يحدد الأشكال والخطوط التي تحتوي على تعليمات برمجية، بدلاً من تعيين وحدات البكسل والألوان. نتيجة لذلك، تدعم ملفات EPS أيضاً تغيير الحجم بدون فقدان البيانات.

المميزات والعيوب:

• تحجيم بلا خسارة للدقة.

• دعم الطابعة للمستندات والتصاميم.

دعم المتصفح ونظام التشغيل:

• إن EPS ليس تنسيقاً قياسياً لملف صور الويب ولا تدعمه أي متصفحات رئيسية.

حالات الاستخدام:

• تُستخدم غالباً لتخزين الرسوم التوضيحية وحفظها وطباعتها عند العمل باستخدام Adobe Illustrator أو برامج أخرى.

10. PDF — Portable Document Format

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

المميزات والعيوب:

• نص قابل للفهرسة والبحث يجعله مثالياً للرسومات أو التقارير المتعمقة.

• يمكن أن تتضمن روابط وأزرار CTA وعناصر تفاعلية أخرى.

• قابلية التوسع بلا خسائر.

• لا يمكن تضمينه في محتوى الويب، ويجب تحميله وقراءته كملف منفصل.

دعم المتصفح ونظام التشغيل:

• مدعوم من قبل جميع المتصفحات الرئيسية، لكنك مضطر لفتح ملف PDF كملف منفصل. (لا يمكنك استخدام ملفات PDF لعرض الصور من خلال محتوى HTML الخاص بك.)

• مدعوم كتنسيق من قبل معظم برامج تحرير المستندات القياسية (مثل MS Word أو Google Docs) ، وبرنامج التوضيح (AI ، Inkscape) ولكن ليس بواسطة برنامج تحرير الصور.

حالات الاستخدام:

• يعد PDF هو الخيار الأفضل إذا كنت ترغب في إنشاء تقرير مرئي تفاعلي أو مخطط معلومات بياني يكمل المحتوى الخاص بك.

11. PSD — Photoshop Document

كما يوحي الاسم، فإن تنسيق ملف PSD هو تنسيق صورة يستخدم لحفظ مستندات الصور ويعمل بشكل مستمر مع Adobe Photoshop. إنه ليس تنسيق صورة آمناً على الويب، لذا فهو غير مدعوم من قبل أي متصفحات أو برامج عرض أو برامج تحرير الصور القياسية.

المميزات والعيوب:

• جميع المرشحات والشفافية والمسارات والتعديلات قابلة للتخصيص بشكل كامل وقابلة للعكس.

• جودة صورة عالية.

• أحجام الملفات كبيرة.

دعم المتصفح ونظام التشغيل:

• غير مدعوم من قبل أي متصفحات أو برامج عرض أو برامج تحرير الصور القياسية.

حالات الاستخدام:

• حفظ وتخزين مشاريع Photoshop قبل وبعد اكتمالها.

12. AI — Adobe Illustrator Artwork

AI هو من امتدادات الصور التي تم تطويرها خصيصاً بواسطة Adobe ليس فقط لحفظ الصورة، ولكن أيضاً لحالة المشروع. وهي غير مخصصة للاستخدام على الويب ولا تدعمها أي متصفحات أو معظم عارضات الصور الافتراضية. على عكس ملفات PSD، يمكنك تكبير ملفات AI بحرية دون أي خسارة في الجودة.

المميزات والعيوب:

• جميع الخطوط والأشكال والمرشحات قابلة للتخصيص وعكسها.

• تكبير أو تصغير أحجام التوضيح بحرية.

• أحجام الملفات كبيرة.

دعم المتصفح ونظام التشغيل:

• غير مخصصة للاستخدام على الويب ولا تدعمها أي متصفحات أو معظم عارضات الصور الافتراضية.

حالات الاستخدام:

• حفظ وتخزين مشروعات Adobe Illustrator قبل وبعد اكتمالها.

13. XCF — eXperimental Computing Facility

XCF، الذي يرمز إلى eXperimental Computing Facility، وهو من امتدادات الصور الأصلية لمحرر الصور مفتوح المصدر GIMP. وهو يعادل ملفات PSD ويحفظ المسارات والشفافية والفلاتر وغيرها. مرة أخرى، هذا نوع ملف أصلي لتخزين المشاريع وهو غير مدعوم من قبل أي متصفحات أو برامج عرض الصور الافتراضية.

المميزات والعيوب:

• جميع المسارات والفلاتر والأشكال قابلة للتخصيص وقابلة للعكس.

• جودة صورة بدون فقدان.

• أحجام الملفات الكبيرة.

دعم المتصفح ونظام التشغيل:

• غير مدعوم من قبل أي متصفحات أو برامج عرض الصور الافتراضية.

حالات الاستخدام:

• حفظ وتخزين مشاريع GIMP قبل وبعد اكتمالها.

14. INDD — Adobe InDesign Document

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

المميزات والعيوب:

• تخزين مشاريع التصميم الكبيرة متعددة الصفحات بعناصر قابلة للتخصيص.

دعم المتصفح ونظام التشغيل:

• غير مدعوم من قبل أي متصفحات أو برامج عرض الصور الافتراضية.

حالات الاستخدام:

• يتم استخدامه بشكل أساسي من قبل مصممي الجرافيك وفناني الإنتاج لتصميم الملصقات والنشرات والمجلات والنشرات وغيرها والتعاون في إعدادها.

15. ملفات الصور الأولية Raw Image

تنسيقات الصور الأولية هي أنواع امتدادات الصور التي تستخدمها الكاميرات الرقمية لتخزين صور بجودة كاملة من أجل ما بعد الإنتاج والتحرير.

أنواع ملفات الصور الأولية الرئيسية بواسطة الكاميرا:

• Kodak: CR, K25, KDC

• Canon: CRW CR2 CR3

• Epson: ERF

• Nikon: NEF NRW

• Olympus: ORF

• Pentax: PEF

• Panasonic: RW2

• Sony: ARW, SRF, SR2

بدلاً من 256 ظلاً لكل قناة ألوان (8 بت) المتوفرة في ملف JPEG، تقدم ملفات RAW ما يصل إلى 16384 ظلاً لكل قناة ألوان (14 بت) في صورة واحدة. يمنحك ذلك المزيد من المرونة عند تعديل الألوان والتباين في مرحلة ما بعد المعالجة. الصور الأولية غير مخصصة للويب أو للمشاركة ولا يتم دعمها بواسطة أي متصفح رئيسي أو برنامج عرض للصور.

المميزات والعيوب:

• صور ذات جودة أعلى مع تنوع أكبر في الألوان.

• ملفات الصور العملاقة (يمكن أن يصل حجم الملف الخام بسهولة إلى 20 إلى 40 ميغا بايت).

دعم المتصفح ونظام التشغيل:

• غير مدعوم من قبل أي متصفحات أو برامج عرض الصور الافتراضية.

حالات الاستخدام:

• حفظ الصور بأعلى جودة ممكنة لمعالجتها وتحريرها.