كيف تضغط الصور للويب دون أن تفقد جودتها

الصور الثقيلة هي السبب الأول لبطء المواقع. قد تزن صورة من الهاتف 5–8 ميغابايت، أي أثقل من صفحة كاملة مُحسَّنة جيدًا. الخبر السار: يمكنك عادةً إزالة 70–90% من الحجم دون أن تلاحظ العين.

إيجاد النقطة المناسبة

الضغط توازن بين الحجم والتفاصيل المرئية. للصور المعروضة على الشاشة، جودة JPEG بنسبة 75–82% هي النقطة المثلى: يتقلص الملف كثيرًا لكن على مسافة العرض المعتادة لا ترى فرقًا. تحت ~60% تبدأ أشرطة في السماء وهالات حول الحواف.

غيّر الحجم قبل الضغط

تُنسى هذه الخطوة كثيرًا. إذا كان التصميم يعرض الصورة بعرض 1200 بكسل، فلا ترفع الأصل بحجم 6000 بكسل. أولًا غيّر الحجم إلى العرض الفعلي ثم اضغط؛ غالبًا يوفّر تغيير الحجم أكثر من الضغط نفسه.

اختر الصيغة الصحيحة

الصور الفوتوغرافية ← JPEG، أو الأفضل WebP (أخف بنحو 30% بالجودة نفسها).
الشعارات والأيقونات والصور ذات النص ← PNG (أو WebP) لحواف حادة.
خلفية شفافة ← PNG أو WebP، وليس JPEG أبدًا.

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