الصور · دليل عملي
كيفية ضغط الصور بدون فقد الجودة
صورة بحجم 5 ميجابايت على صفحتك الرئيسية كارثة لسرعة الموقع. لكن الضغط العشوائي إلى 200 كيلوبايت يُحدث تشوهات بصرية قبيحة. يشرح هذا الدليل الطريقة الحديثة لضغط الصور — الصيغ، إعدادات الجودة، تغيير المقاسات — للحصول على أحجام صغيرة بدون فقد ملحوظ للجودة.
القاعدة الأولى: غيّر المقاس قبل الضغط
أكبر مكسب في تحسين الصور هو تقديم الصورة بمقاس قريب من مقاس العرض الفعلي. صورة iPhone بأبعاد 4032×3024 تُعرض في بطاقة عرضها 400 بكسل تهدر 99% من البكسلات. غيّر المقاس إلى ضِعف عرض العرض (800 بكسل لمساحة 400 بكسل على شاشات retina)، ثم اضغط.
اختر الصيغة المناسبة
- JPEG — عالمي، ممتاز للصور الفوتوغرافية، لا يدعم الشفافية.
- PNG — بدون فقد، يدعم الشفافية، ضخم للصور. استخدمه للقطات الشاشة والشعارات.
- WebP — أصغر بنسبة 25–35% من JPEG بنفس الجودة، مدعوم في كل المتصفحات الحديثة.
- AVIF — أصغر بنسبة 50% من JPEG، أفضل جودة-لكل-بايت اليوم.
- SVG — متجهي، حجم صغير جداً للأيقونات والشعارات. ليس للصور الفوتوغرافية.
إعدادات الجودة العملية
لـ JPEG، الجودة 75–85 هي النقطة المثالية. جودة 100 تُخزّن ضوضاء الحساس؛ لا أحد يرى الفرق. WebP أكثر تسامحاً — جودة 70 في WebP تبدو عادةً بجودة 85 في JPEG.
خطوات الضغط داخل المتصفح
- افتح ضاغط الصور.
- أفلت الصور. كل شيء يحدث محلياً في متصفحك.
- إن كانت الصورة أكبر بكثير مما تحتاج، غيّر المقاس أولاً.
- اختر جودة الهدف (ابدأ من 80 لـ JPEG/WebP).
- عاين النتيجة بتكبير 100% وابحث عن تشوهات في السماء والحواف.
- نزّل الصورة. أعِد التجربة بجودة أقل إن كانت النتيجة نظيفة.
ما يجب تجنبه
- لا تُعِد ترميز JPEG بجودة أعلى من الأصل — لا يمكن استرجاع البيانات المفقودة.
- لا تضغط نفس ملف JPEG مرات متعددة؛ التشوهات تتراكم.
- لا تستخدم PNG للصور الفوتوغرافية.
- لا تعتمد على CSS
width/heightلتصغير صورة ضخمة بصرياً — المستخدم يُحمّل كل بايت.
قياس النتيجة
شغّل PageSpeed Insights قبل وبعد. مقياس LCP هو المقياس الذي يتحسّن أكثر — تقليل حجم صورة الغلاف للنصف قد يوفّر ثانية كاملة على الجوال.
جرّب هذه الأدوات على Toolzer
الأسئلة الشائعة
ما أفضل صيغة للصور على الويب؟+
WebP للصور و AVIF حيث يُدعم — كلاهما يعطي ملفات أصغر بنسبة 25–50% من JPEG. استخدم PNG فقط عند الحاجة إلى شفافية بدون فقد؛ و SVG للشعارات.
كم يمكنني الضغط قبل انخفاض الجودة؟+
للصور، جودة JPEG 75–85 هي النقطة المثالية: تشوهات غير مرئية تقريباً وحجم أصغر بنسبة 50–70%. تحت 60 يبدأ ظهور نطاقات في السماء وحواف حول النصوص.
أيهما أفضل: بفقد أم بدون فقد؟+
بدون فقد (PNG, WebP-lossless) يحفظ كل بكسل — إلزامي للقطات الشاشة والرسوم البيانية. بفقد (JPEG, WebP, AVIF) يتخلص من التفاصيل غير المحسوسة وهو الخيار الصحيح للصور الفوتوغرافية.
لماذا لا تزال صورتي ضخمة بعد الضغط؟+
عادةً لأنها بأبعاد أكبر بكثير مما تحتاج. صورة 4000×3000 تُعرض بعرض 800 بكسل يجب تصغيرها إلى 1600×1200 قبل الضغط.
هل يؤثر الضغط على SEO؟+
نعم — Google Core Web Vitals يعاقب LCP البطيء، والصور غالباً أكبر عنصر. تقديم صور بمقاس مناسب وصيغة حديثة يرفع الصفحة من 'ضعيف' إلى 'جيد'.
هل الضغط عبر الإنترنت آمن؟+
أدوات المتصفح مثل Toolzer لا ترفع صورك أبداً. الأدوات الخادمية ترفعها — تجنبها لأي شيء خاص.