إضفاء صورة مثالية على موقعك الإلكتروني باستخدام image.tooling.report

الاطّلاع على حالة أدوات الصور.

Patrick Kettner
Patrick Kettner

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

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

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

ما هي هذه الميزة؟

لا يقتصر عرض الصور المحسّنة على النقر على "حفظ للويب". لهذا السبب، تبحث الصور.tooling.report عن مجموعة متنوعة من الميزات. ونتناول الأساسيات، مثل مقدار الضغط الذي توفره الأدوات والخدمات المختلفة، وتحسينات الشبكة مثل عناوين ذاكرة التخزين المؤقت طويلة الأجل.

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

لقطة شاشة للصفحة المقصودة الخاصة بأداة images.tooling.report في الوضع الداكن

وبالطبع، كل موقع إلكتروني عبارة عن ندفة ثلج — لم تنفّذ أي أداة أو خدمة واحدة كل ما كنا نبحث عنه على الإطلاق. هذا متوقع! قسّمنا ما اختبرناه إلى فئات مختلفة. ونتناول أيضًا شبكات توصيل المحتوى (CDN) والمشاريع التي تتم استضافتها ذاتيًا والمكوّنات الإضافية لنظام إدارة المحتوى (CMS) وأدوات إنشاء المواقع الإلكترونية. هذه تعريفات غير واضحة إلى حد ما موجودة في محاولة لجعل مقارنة الخيارات المختلفة أكثر صلة:

  • المكوّنات الإضافية لنظام إدارة المحتوى (CMS) هي حِزم خيار سهل التطوير على أنظمة أساسية مثل WordPress.
  • تقارن أدوات إنشاء المواقع الإلكترونية عددًا من الخدمات المختلفة التي يمكنك استخدامها لإنشاء موقعك الإلكتروني.
  • الاستضافة الذاتية مخصّصة لمطوّري البرامج الذين لا يمانعون استنساخ مشروع git أو تشغيل صورة Docker الخاصة بهم في مرحلة الإنتاج.
  • أما شبكات توصيل المحتوى (CDN)، فتكون أكثر تعقيدًا. وبعض هذه الأرقام هي شبكات توصيل للمحتوى (CDN) بالمعنى التقليدي، لكن البعض الآخر عبارة عن خدمات تستضيف صورك أو ترسِلها وكيلاً على الحافة.

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

ما هي الخطوات التالية؟

هل تعتقد أنه قد فاتنا أداة أو خدمة صور؟ يُرجى إعلامنا. فكل من الأدوات والخدمات والاختبارات نفسها تعد شيئًا قابلاً للتعديل. عندما تحتاج إلى مكان سريع للاطّلاع على أحدث التطورات في صور الشحن، احرص على أن تكون محطتك الأولى هي images.tooling.report.

الصورة الرئيسية من تصميم مايكل ماسن على Unقليد: