حسّن صور موقعك الإلكتروني

توقف عن إبطاء موقعك الإلكتروني بصور بحجم واحد يناسب الجميع

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

SlingSite مختلف. نحن لا نضغط فقط؛ نحن نُحسّن.

عند تحميل ملف، نولد فوراً الـ9 إصدارات الأساسية التي يحتاجها كل موقع إلكتروني حديث. نحن ننشئ ثلاثة أحجام مقاسة بشكل مثالي (موبايل، تابلت، سطح مكتب) في ثلاثة تنسيقات من الجيل التالي (JPG، WebP، AVIF). هذا يضمن أن كل زائر يحصل على الملف الدقيق الذي يحتاجه—لا أكثر، لا أقل.

كيف تحسّن الصور لأقصى سرعة صفحة؟

تحقيق درجة Google PageSpeed 100/100 يبدأ بأصولك. إليك كيف يصلح سير عملنا Core Web Vitals الخاص بك في ثوانٍ:

1. تحميل: أسقط صورتك الرئيسية عالية الجودة (JPG أو PNG).
2. تحليل ذكي: محركنا يكتشف التعقيد البصري لموازنة الجودة مقابل حجم الملف.
3. توليد: نحن ننتج 9 أصول محددة:
   • موبايل (450 بكسل): للهواتف الذكية، منع "فخ نقطة التحول" حيث تقوم الهواتف بتحميل صور بحجم التابلت.
   • تابلت (850 بكسل): مقاسة بشكل مثالي لأجهزة iPad والتابلت العمودية.
   • سطح مكتب (1920 بكسل): عالية الدقة للشاشات الكبيرة.
4. تحميل: تحصل على ملف .zip مرتب مع كل أصل مسمى ومنظم، جاهز للإنتاج.

JPG مقابل WebP مقابل AVIF: لماذا تحتاج إلى الثلاثة جميعاً؟

معايير الويب الحديثة تتطلب تقديم تنسيقات الجيل التالي للمتصفحات المتوافقة مع الحفاظ على شبكة أمان للأقدم. نحن نولد الثلاثة تلقائياً. - AVIF (ملك الأداء): أصغر حتى 50% من JPG مع جودة أعلى. هذا هو التنسيق الذي تريد أن يراه 80% من مستخدميك. - WebP (المعيار الحديث): مدعوم من قبل 97% من المتصفحات. يقدم ~30% توفير على JPG ويدعم الشفافية. - JPG (الاحتياطي العالمي): يضمن تحميل صورتك على متصفحات legacy أو أجهزة أقدم.

الأسئلة الشائعة

لماذا أحتاج إلى صور موبايل محددة؟ ألا يمكنني استخدام صورة سطح المكتب؟

يمكنك، لكنها تقتل أداءك. إذا كان مستخدم على هاتف (عرض شاشة ~390 بكسل) ويحمل صورة سطح مكتب (1920 بكسل)، يجب على متصفحه تحميل 25x أكثر من البكسلات اللازمة. هذا يزيد من مقياس LCP (Largest Contentful Paint) الخاص بك، وهو عامل رئيسي في خوارزمية ترتيب Google. إصداراتنا المحمولة محسنة خصيصاً لقمة حركة المرور 350px–450px.

لماذا تستخدم WebP؟

لتقديم أفضل صورة لكل مستخدم تلقائياً، استخدم علامة HTML5 <picture>. إليك مقتطف قياسي يمكنك نسخه ولصقه باستخدام الملفات التي نولدها:

<picture>
  <source media="(min-width: 1200px)" srcset="image-desktop.avif" type="image/avif" width="1920" height="1080">
  <source media="(min-width: 1200px)" srcset="image-desktop.webp" type="image/webp" width="1920" height="1080">
  <source media="(min-width: 1200px)" srcset="image-desktop.jpg" type="image/jpg" width="1920" height="1080">

  <source media="(min-width: 768px)" srcset="image-tablet.avif" type="image/avif" width="850" height="480">
  <source media="(min-width: 768px)" srcset="image-tablet.webp" type="image/webp" width="850" height="480">
  <source media="(min-width: 768px)" srcset="image-tablet.jpg" type="image/jpg" width="850" height="480">

  <source media="(max-width: 767px)" srcset="image-mobile.avif" type="image/avif" width="450" height="254">
  <source media="(max-width: 767px)" srcset="image-mobile.webp" type="image/webp" width="450" height="254">
  <source media="(max-width: 767px)" srcset="image-mobile.jpg" type="image/jpg" width="450" height="254">

  <img src="image-fallback.jpg" alt="وصف صورتك" width="450" height="254">
</picture>

هل سيساعد ذلك في SEO الخاص بي؟

نعم. Google يعلن صراحة أن سرعة الصفحة هي عامل ترتيب. من خلال تقليل حمل صورتك حتى 85% (باستخدام AVIF + التحجيم الصحيح)، تحمل صفحاتك أسرع، يبقى المستخدمون أطول، وترتبك محركات البحث أعلى.