→ العودة إلى الأدوات

كيف تغيّر حجم الصور للويب - الأبعاد الصحيحة لكل استخدام

تقديم صور أكبر من اللازم هو السبب الأول لبطء المواقع. صورة بمقاس 4000x3000 تُعرض بمقاس 800x600 تهدر 96% من بكسلاتها. إليك كيف تضبط الأبعاد بشكل صحيح.

جرّبه الآن - مجانًا وبلا تسجيل.

غيّر حجم الصور مجانًا ←

أبعاد الصور المقترحة

الاستخدامالعرض (px)Retina (2x)
الصورة الرئيسية/اللافتة16003200
محتوى المدونة8001600
صورة مصغّرة400800
صورة منتج10002000
صورة OG (التواصل)1200x630-
أيقونة الموقع512x512-

قاعدة بسيطة: غيّر الحجم إلى أقصى عرض للعرض، ثم ضاعفه لشاشات Retina. صورة المدونة التي تُعرض بعرض 800px يجب أن يكون عرضها 1600px.

كيف تغيّر الحجم

  1. افتح أداة تغيير الحجم
  2. اختر صورتك
  3. اضبط العرض المطلوب (يتغير الارتفاع تلقائيًا بالنسبة نفسها)
  4. نزّل الصورة بحجمها الجديد

نصيحة: غيّر الحجم أولًا، ثم اضغط. ضغط صورة بعرض 4000px ثم تصغيرها إلى 800px هدر للجهد - فأنت تضغط بكسلات ستتخلص منها.

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

هل يقلل تغيير الحجم جودة الصورة؟

التصغير آمن عمومًا - فأنت تزيل بكسلات لا تضيفها. أما التكبير فيقلل الجودة لأن البرنامج يضطر لاختلاق بكسلات جديدة. لا تكبّر الصور أبدًا للاستخدام على الويب.

هل أستخدم srcset للصور المتجاوبة؟

نعم! تتيح الخاصية srcset للمتصفح اختيار الحجم المناسب للجهاز. أنشئ 2-3 أحجام (صغير ومتوسط وكبير) ودع المتصفح يختار.

مستعد؟ اعتنِ بصورك الآن - مجاني 100%.

غيّر حجم الصور مجانًا ←

أدلة ذات صلة

JPG إلى WebPPNG إلى WebPما هي WebP؟ضغط الصورAVIF أم WebP