ضغط الصور من جانب العميل قبل التحميل باستخدام Squoosh مع Canvas الاحتياطي والتحقق من صحة Sharp من جانب الخادم. يُستخدم لتطبيقات الويب التي تحتاج إلى الحد الأقصى للعرض 1920 بكسل، والحد الأقصى للحجم 512 كيلو بايت، وتجربة المستخدم الشفافة، وإحصائيات الضغط المتسقة.
ثبّت مهارة الذكاء الاصطناعي image-compression بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: peterbamuhigire/skills-web-dev.
Seamless image compression prior to upload with a hybrid approach:
Defaults: max width $1920$px, max size $512$ KB, quality $75$ (adjust down to hit size).
✅ Web apps that upload user images and must reduce bandwidth ✅ Need transparent UX (no user action) ✅ Want modern codecs but must support older browsers
ضغط الصور من جانب العميل قبل التحميل باستخدام Squoosh مع Canvas الاحتياطي والتحقق من صحة Sharp من جانب الخادم. يُستخدم لتطبيقات الويب التي تحتاج إلى الحد الأقصى للعرض 1920 بكسل، والحد الأقصى للحجم 512 كيلو بايت، وتجربة المستخدم الشفافة، وإحصائيات الضغط المتسقة. المصدر: peterbamuhigire/skills-web-dev.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/peterbamuhigire/skills-web-dev --skill image-compressionضغط الصور من جانب العميل قبل التحميل باستخدام Squoosh مع Canvas الاحتياطي والتحقق من صحة Sharp من جانب الخادم. يُستخدم لتطبيقات الويب التي تحتاج إلى الحد الأقصى للعرض 1920 بكسل، والحد الأقصى للحجم 512 كيلو بايت، وتجربة المستخدم الشفافة، وإحصائيات الضغط المتسقة. المصدر: peterbamuhigire/skills-web-dev.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/peterbamuhigire/skills-web-dev --skill image-compression بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/peterbamuhigire/skills-web-dev