ضاغط الصور

مرجع

كيف يعمل ضغط الصور؟

هذه الأداة تستخدم Canvas API المدمج في المتصفح لإعادة ترميز الصور بإعداد جودة أقل. تُرسم الصورة على عنصر HTML Canvas، ثم تُصدَّر باستخدام canvas.toBlob() بالتنسيق ومستوى الجودة المحددين. هذا ضغط مع فقدان — تُحذف البيانات البصرية الزائدة باستخدام خوارزميات مثل تحويل جيب التمام المنفصل (DCT) لـ JPEG والترميز التنبؤي لـ WebP. النتيجة ملف أصغر بكثير مع فقدان جودة ملحوظ ضئيل.

JPEG مقابل WebP مقابل PNG — أي تنسيق تختار

JPEG: الأفضل للصور الفوتوغرافية والصور ذات التدرجات اللونية المعقدة. يدعم ضبط الجودة من 1–100%. لا يدعم الشفافية. التنسيق الأكثر توافقاً — يعمل في كل مكان. WebP: طوّرته Google، يحقق WebP ملفات أصغر بنسبة 25–35% من JPEG بجودة بصرية مكافئة. يدعم الشفافية (قناة ألفا) والرسوم المتحركة. مدعوم من كل المتصفحات الحديثة منذ 2020. التنسيق الموصى به للاستخدام على الويب. PNG: ضغط بدون فقدان — لا فقدان جودة بأي إعداد. الأفضل للقطات الشاشة والرسوميات ذات الحواف الحادة وتراكبات النصوص والشعارات والصور التي تتطلب شفافية. شريط الجودة لا يؤثر على مخرجات PNG لأن التنسيق بدون فقدان بطبيعته.

لماذا تحسين الصور للويب؟

الصور تمثل تقريباً 50% من إجمالي وزن الصفحة في الموقع المتوسط وفقاً لـ HTTP Archive. الصور غير المحسّنة هي السبب الأول لبطء Largest Contentful Paint (LCP) — مقياس Core Web Vital يؤثر مباشرة على ترتيب البحث في Google. ضغط صورة بطل من 2 MB إلى 200 KB يمكن أن يقلل وقت التحميل بعدة ثوانٍ على اتصالات الهاتف المحمول. توصي Google بالحفاظ على إجمالي وزن الصفحة تحت 1.6 MB لأداء جيد على الهاتف المحمول — ضغط الصور السليم هو غالباً أكبر مكسب فردي لتحقيق هذا الهدف.

حالات استخدام ضغط الصور

أداء الويب — تقليل أحجام الصور لتحقيق عتبات Core Web Vitals وتحسين درجات Lighthouse. مرفقات البريد الإلكتروني — ضغط الصور لأقل من حدود المرفقات النموذجية 25 MB (Gmail وOutlook). وسائل التواصل — تحسين الصور لحدود حجم التحميل: Twitter (5 MB) وInstagram (30 MB) وLinkedIn (10 MB). التجارة الإلكترونية — ضغط صور المنتجات بدون فقدان جودة مرئي لتحسين سرعة الصفحة ومعدلات التحويل. التوثيق — تقليص لقطات الشاشة لملفات README والويكي وصفحات Confluence للحفاظ على خفة المستودعات والصفحات.

اختيار إعداد الجودة المناسب

لـ JPEG، جودة 75–85% تقدم أفضل توازن بين حجم الملف والدقة البصرية — تُظهر الدراسات أن معظم المستخدمين لا يستطيعون تمييز الجودة فوق 85%. تحت 60%، تصبح تشوهات الضغط (مناطق مكعبة، تدرج ألوان) ملحوظة خاصة في التدرجات وألوان البشرة. WebP بجودة 80 يطابق عادةً JPEG بجودة 90 مع كونه أصغر بنسبة 30%. لـ PNG، شريط الجودة لا يؤثر — PNG دائماً بدون فقدان. استخدم PNG فقط عندما تحتاج إعادة إنتاج مثالية البكسل (لقطات شاشة بنصوص، شعارات، أيقونات) أو شفافية ألفا.

الخصوصية

كل معالجة الصور تعمل 100% في متصفحك باستخدام Canvas API. لا يتم تحميل أي صور إلى أي خادم — ملفاتك لا تغادر جهازك أبداً.