هل لاحظت أن صور مدونتك أو موقعك تجعل الصفحة بطيئة في التحميل؟ أو أن المنصة التعليمية ترفض رفع صورة لأن حجمها كبير؟ الحل في أداة مجانية رائعة من جوجل اسمها Squoosh (سكوُوش)، تضغط الصور وتصغّر حجمها بنسبة قد تتجاوز 90% مع الحفاظ على جودة ممتازة، وكل ذلك من المتصفح ودون تثبيت أي برنامج. في هذا الشرح المصوّر سنضغط صورة حجمها 1.26 ميجابايت لتصبح 32 كيلوبايت فقط!
ما هي أداة Squoosh؟
- أداة مجانية ومفتوحة المصدر طوّرها فريق Google Chrome.
- تعمل داخل متصفحك: الصورة لا تُرفع إلى أي خادم، بل تُعالَج على جهازك، وهذا ممتاز للخصوصية.
- تعمل حتى دون إنترنت بعد فتحها أول مرة، ويمكن تثبيتها كتطبيق على الحاسوب.
- بلا إعلانات ولا تسجيل.
لماذا نضغط الصور أصلًا؟
الصور التي تلتقطها بالهاتف كبيرة جدًا (غالبًا من 2 إلى 6 ميجابايت للصورة)، وهي أكبر بكثير مما تحتاجه صفحات الإنترنت. والصور الكبيرة تسبب:
- بطء تحميل المدونة، وهذا يزعج الزوار ويؤثر سلبًا في ترتيبك في نتائج جوجل.
- استهلاك باقة الإنترنت لدى زوارك وطلابك.
- رفض بعض المنصات رفع الصور التي تتجاوز حجمًا معينًا.
الخطوة 1: فتح الأداة وإضافة الصورة
ادخل إلى الموقع الرسمي squoosh.app، وستظهر لك الدائرة الوردية في منتصف الصفحة:
اضغط داخل الدائرة لاختيار صورة، أو اسحب الصورة وأفلتها فيها
يمكنك إضافة الصورة بثلاث طرق: الضغط على الدائرة واختيار الصورة من جهازك، أو سحب الصورة وإفلاتها داخل الدائرة، أو نسخ صورة ثم لصقها بالضغط على Ctrl + V.
الخطوة 2: التعرّف على شاشة التحرير
بعد إضافة الصورة تظهر شاشة التحرير، وهي مقسومة إلى نصفين للمقارنة:
أجزاء شاشة التحرير في Squoosh
- اللوحة اليسرى: تمثل الصورة الأصلية، ويظهر أسفلها حجمها الأصلي (1.26 MB في مثالنا).
- الخط الفاصل: اسحبه يمينًا ويسارًا لتقارن بين الصورة الأصلية والمضغوطة.
- لوحة الإعدادات اليمنى: فيها خيارات تغيير الأبعاد (Resize) والضغط (Compress).
- نسبة التوفير والحجم الجديد: مع الإعدادات الافتراضية وحدها انخفض الحجم بنسبة 73% إلى 344 KB.
- زر التنزيل: لحفظ الصورة المضغوطة على جهازك.
الخطوة 3: تصغير أبعاد الصورة (Resize)
هذه أهم خطوة لتقليل الحجم. فصورة الهاتف قد يكون عرضها 4000 بكسل، بينما تكفي المدونة 1200 بكسل:
تفعيل Resize وتحديد العرض الجديد
- فعّل خيار Resize.
- اكتب العرض الجديد في خانة Width، مثل 1200.
- تأكد أن خيار Maintain aspect ratio مفعّل حتى يتغير الطول تلقائيًا بالنسبة نفسها ولا تتشوّه الصورة.
- لاحظ النتيجة: انخفض الحجم إلى 55.9 KB بنسبة توفير 96%!
الخطوة 4: اختيار صيغة الضغط المناسبة
من قسم Compress اختر الصيغة التي ستحفظ بها الصورة:
اختيار صيغة WebP ثم تنزيل الصورة
- اختر الصيغة من القائمة، وهنا اخترنا WebP.
- انخفض الحجم إلى 32.2 KB فقط، أي بتوفير 97%.
- اضغط زر التنزيل لحفظ الصورة.
| الصيغة | متى تستخدمها؟ |
|---|---|
| MozJPEG | للصور الفوتوغرافية عندما تحتاج توافقًا مع كل البرامج القديمة |
| WebP | الأفضل غالبًا لصور المدونات والمواقع: حجم صغير وجودة عالية |
| AVIF | حجم أصغر من WebP، لكن الضغط أبطأ وبعض البرامج القديمة لا تدعمه |
| OxiPNG | للصور ذات الخلفية الشفافة، والرسوم والشعارات |
عن الجودة (Quality): مع صيغتي MozJPEG وWebP يظهر شريط للجودة. القيمة بين 70 و80 تعطي عادةً توازنًا ممتازًا بين الحجم والوضوح. خفّضها تدريجيًا وراقب الصورة في نصف الشاشة الأيمن.
الخطوة 5: قارن قبل أن تحفظ
اسحب الخط الفاصل في المنتصف وقارن بعينك بين النسختين. في مثالنا يصعب جدًا أن تلاحظ الفرق، رغم أن الحجم أصبح أصغر بنحو 40 مرة:
المقارنة بين الصورة الأصلية والمضغوطة
ويمكنك تكبير الصورة من الأزرار أسفل الشاشة لمعاينة التفاصيل الدقيقة قبل الحفظ.
نصائح ذهبية لضغط الصور
- صغّر الأبعاد أولًا ثم اضغط: تصغير الأبعاد يوفر أكثر من أي إعداد آخر.
- لصور المدونة: عرض بين 1200 و1600 بكسل بصيغة WebP مناسب جدًا.
- للصور المرسلة للطلاب عبر واتساب أو المنصات: عرض 1000 بكسل يكفي غالبًا.
- احتفظ بالنسخة الأصلية دائمًا في مجلد منفصل، لأن الضغط لا يمكن التراجع عنه بعد الحفظ.
- لا تضغط الصورة الواحدة مرات متكررة، فكل مرة تفقد قليلًا من الجودة.
الخلاصة
Squoosh أداة صغيرة لكن فائدتها كبيرة: مجانية، وسريعة، وتحافظ على خصوصية صورك. اجعلها عادة قبل رفع أي صورة إلى مدونتك أو موقعك، وستلاحظ الفرق في سرعة التحميل وتجربة زوارك.
الصورة المستخدمة في الشرح من Wikimedia Commons وهي متاحة برخصة CC0 (ملكية عامة).
هل تعرف أداة أخرى تستخدمها لضغط الصور؟ شاركنا بها في التعليقات.
تعليقات
إرسال تعليق
اكتب تعليقك هنا