كيف تقلّل حجم ملف الصورة
رافعتان تتحكمان في حجم ملف الصورة: الأبعاد والضغط. يهرع معظم الناس إلى الضغط ويتجاهلون الأبعاد، والعكس هو الصواب — التصغير يوفّر أكثر بكثير عادةً ويكلّف جودة مرئية أقل.
صغّر الأبعاد أولًا واضغط ثانيًا
هذا هو الدليل كله في سطر. صورة من هاتف حديث كثيرًا ما تكون 4000 بكسل عرضًا. حين تُعرض في مقال بعرض 800 بكسل، يهدر المتصفح أكثر من 95 بالمئة من بكسلاتها قبل أن يراها أحد — دفعتَ ثمن نقل بيانات كانت ستُرمى.
تنصيف عرض الصورة يزيل نحو ثلاثة أرباع بكسلاتها، لأن المساحة تتناسب مع البعدين معًا. لا إعداد ضغط يحقق ذلك بهذا القدر الضئيل من الكلفة المرئية، لسبب بسيط: التفاصيل المُهدَرة لم تكن ستُعرض أصلًا.
ثم يعصر الضغطُ اللاحق ما تبقى. أما الترتيب المعاكس فيهدر جهدًا في ضغط بكسلات أنت على وشك حذفها.
ما العرض الذي تحتاجه فعلًا؟
عند الشك، طابق أكبر مقاس ستُعرض به الصورة يومًا وأضف قليلًا لشاشات الكثافة العالية. المضاعفة لشاشات ريتينا نصيحة شائعة وغالبًا أكثر من اللازم بعد تطبيق الضغط.
- صورة رئيسية بعرض الموقع كاملًا: 1600–1920 بكسل
- صورة بارزة بعرض المحتوى: 1200–1600 بكسل
- صورة داخل مقال: 800–1200 بكسل
- مصغّرة أو صورة رمزية: 200–400 بكسل
- مرفق بريد للعرض: 1200–1600 بكسل
- طباعة A4: نحو 2480 بكسل لدقة 300 نقطة
اختيار إعداد الجودة
جودة JPEG وWebP رقم من 1 إلى 100، وعلاقته بحجم الملف غير خطية بشدة. الانتقال من 100 إلى 90 كثيرًا ما ينصّف الملف دون أي فرق مرئي، لأن الجودة 100 تبذل جهدًا هائلًا في ترميز تفاصيل لا تميّزها العين.
للصور الفوتوغرافية، 70 إلى 80 هي النقطة المثلى و60 مقبولة عادةً. تحت 50 تظهر التشوهات أولًا في التدرجات الناعمة — السماء والبشرة والظلال — كتقطيع كتلي خافت.
الصور ذات الألوان المسطّحة والحواف الحادة تتصرف بخلاف ذلك. تُظهر لقطات الشاشة والشعارات والمخططات تشوهات JPEG كهوامش قبيحة حول النصوص عند إعدادات كانت لتبدو مثالية على صورة فوتوغرافية. استخدم لها PNG أو WebP.
اختر الصيغة الصحيحة
تدعم كل المتصفحات الحالية WebP، فهي لكل ما يُنشر على الويب مكسب شبه مجاني. أبقِ على JPEG حين سيُفتح الملف ببرمجيات سطح مكتب قديمة حيث الدعم أقل موثوقية.
- الصور الفوتوغرافية: JPEG لأقصى توافق، وWebP لملفات أصغر بنحو 25–35 بالمئة بالجودة البصرية نفسها.
- لقطات الشاشة والشعارات والمخططات: PNG، أو WebP التي تجيد الألوان المسطّحة والصور معًا.
- كل ما يحتاج شفافية: PNG أو WebP. لا قناة ألفا في JPEG وسيملأ المناطق الشفافة بالأبيض.
إصابة حجم محدد
كثيرًا ما تطالب نماذج الرفع بشيء مثل «أقل من 2 ميغابايت» أو «بحد أقصى 500 كيلوبايت». لا معادلة تربط إعداد جودة بحجم ملف، لأن الأمر يعتمد كليًا على محتوى الصورة — صورة شارع مزدحم تنضغط أسوأ بكثير من صورة سماء صافية.
الطريقة العملية: صغّر إلى الأبعاد التي تحتاج، واضغط بجودة 75، وتحقق. إن بقي كبيرًا فانزل إلى 60 ثم جرّب WebP. تصل خلال محاولتين أو ثلاث، وستحطّ دائمًا تقريبًا على نتيجة ما تزال تبدو جيدة.
التنفيذ مع Filembly
غيّر الأبعاد بالعرض أولًا، ويتبعه الارتفاع تلقائيًا فلا يتشوه شيء. ثم اضغط الناتج بالجودة التي تريد، مع تحويل اختياري إلى WebP لتوفير إضافي. تعمل الأداتان في الذاكرة ولا تخزّنان شيئًا.