عند تصميم موقع او تطبيق تجد نفسك ملزم باستعمال صور من الانترنت او من مصمم الجرافيك باحجام كبيرة 500KB وما فوق.
لكن ارفاق صور بهذا الحجم يؤثر تأثير كبير على سرعة تحميل صفحة الموقع او التطبيق. لذلك نقوم نحن المبرمجين بضغط الصور باستعمال طرق كثيرة. بعضها معقد والاخر سهل.
واحد اسهل هذه الطرق هي استعمال موقع Squoosh لضغط الصور. فهول بكل بساطة ابسط طريقة لتصغير حجم الصورة من 1.4 ميجا الى 80 كيلو بايت (ع كلامهم 😁).
واحد اجمل الميزات في سكووش انه يحافظ على الجودة وحتى على اسم الملف نفس ماهو 😍.
سكووش هو مشروع مفتوح المصدر من Google تم برمجته لمساعدة المبرمجين في تسهيل حياتهم اليومية. ولهم رابط للمشروع على GitHub.
لكن الصعوبة لما تكون عندك عدد كبير من الصور او المشروع قائم ولازم تضغط الصور بدون ما تخرب الروابط الخاصة بالصور. الطريقة كالتالي:
اما انك تستعمل ال CLI تبع سكووش:
- تحتاج تكون منزل NodeJS على جهازك. اذا ماهو موجود سابقا نزله من موقع NODE JS ونزل نسخة LTS.
- تفتح الكوماند CMD على الويندوز او التيرمينال Terminal على ماك.
- تنتقل على المجلد اللي فيه الصور
تكتب الكوماند هذه لمعالجة كل الصور بصيغة JPG
npx @squoosh/cli --mozjpeg '{quality:80}' *.jpgاو تكتب الامر هذا لمعالجة كل الصور بصيغة JPEG
npx @squoosh/cli --mozjpeg '{quality:80}' *.jpegاو تكتب الامر هذا لمعالجة كل الصور بصيغة PNG
npx @squoosh/cli --oxipng '{quality:80}' *.pngوتقدر تطلع على المشروع كامل تبعهم على الجت هوب الخاص بالمشروع
او انك تستعمل ال API تبع سكووش واللي راح اعمل عليه مشروع قريبا وانشره هنا و على الGitHub تبعي.
مصدر الصورة
Photo by JJ Ying on Unsplash
