حوّل صور موقعك إلى WebP تلقائياً ووفّر 70% من حجمها
المستوى المطلوب: مبتدئ. لو بتعرف تفتح الطرفية (Terminal) وتنسخ أمر، تقدر تطبّق كل حاجة هنا.
لو صور موقعك بتتحمّل ببطء، غالباً السبب إنها JPEG أو PNG تقيلة. في نهاية المقال هيبقى عندك سكربت واحد بيحوّل أي صورة جديدة إلى WebP لوحده، ويوفّر حوالي 70% من الحجم من غير ما تفتح برنامج ولا تضغط زر.
المشكلة باختصار
الصفحة اللي فيها صور تقيلة بتاخد وقت أطول تظهر للزائر. والزائر اللي بيستنى بيمشي. جوجل نفسه بيقيس سرعة ظهور أكبر صورة في الصفحة، وبيسمّي المقياس ده LCP. كل ثانية زيادة بتقلّل احتمال بقاء الزائر.
يعني إيه WebP؟ نبدأ بمثال
تخيّل إنك بتبعت هدية في علبة. الـ JPEG علبة كبيرة بحشو كتير جوّاها. الـ WebP نفس الهدية بالظبط، بس في علبة أصغر ومترتبة كويس. الهدية (الصورة اللي بيشوفها الزائر) هي هي، لكن اللي بتشحنه على النت أخف بكتير.
علمياً: WebP صيغة صور طوّرتها جوجل، بتضغط الصورة بخوارزمية أذكى من JPEG وPNG. بتشيل تفاصيل مالهاش تأثير واضح على العين، فيقل حجم الملف بنسبة كبيرة مع الحفاظ على جودة مقبولة. بتدعم الضغط مع خسارة بسيطة (lossy) وبدون خسارة (lossless)، وكمان الشفافية زي PNG.
الحل: سكربت يحوّل تلقائياً
الأداة الرسمية للتحويل اسمها cwebp من جوجل. أول حاجة ثبّتها:
# على Ubuntu/Debian
sudo apt install webp
# على macOS
brew install webpجرّب تحوّل صورة واحدة عشان تشوف الفرق بنفسك:
cwebp -q 80 photo.jpg -o photo.webp
ls -lh photo.jpg photo.webpالرقم -q 80 معناه جودة 80 من 100. ده الرقم المتوازن: تقريباً محدش بيفرّق بصرياً، والحجم بينزل كتير.
نخلّيه تلقائي: يشتغل لوحده كل 5 دقائق
مش هنفضل نحوّل بإيدنا. هنحط سكربت بيمشي على مجلد الصور، ويحوّل أي حاجة لسه ماتحوّلتش. احفظ الملف ده باسم to-webp.sh: