ضغط PNG للويب

في موقع حديث، يجب أن يحمل PNG عبئًا محددًا وضيقًا نسبيًا: الشعارات، الأيقونات، لقطات شاشة الواجهة، المخططات، وأي شيء يحتاج خلفية شفافة. كل ما هو فوتوغرافي ينتمي إلى JPEG أو WebP. المواقع التي تفشل في ميزانية الأداء الخاصة بالصور غالبًا ما تقدّم صورًا فوتوغرافية كـPNG، ولا ينقذ ذلك أي إعداد ضغط — الحل هو تغيير الصيغة، لا تغيير اللوحة.

بالنسبة للموارد التي يجب أن تكون PNG فعلًا، يكاد يكون 128 لونًا مع التنقيط إجابة عالمية. عناصر الواجهة وعلامات الهوية مبنية بلوحة صغيرة ومقصودة، لذا تقليل الألوان المتاحة إلى النصف يزيل التكرار بدلًا من المعلومات، وتكون النتيجة مطابقة للعين بحوالي نصف البايتات.

بالنسبة لشعار أو أيقونة موجودة كفن متجهي، يتفوق SVG على أي صيغة نقطية دون استثناء: بضع مئات من البايتات من الترميز، حاد عند أي مستوى تكبير وأي كثافة شاشة، وقابل للتخصيص بـCSS. إذا كان لديك الملف المتجهي الأصلي، استخدمه. PNG هو الاحتياطي عندما لا يكون موجودًا، أو للفن ذي التأثيرات التي لا تنجو من التحويل المتجهي.

يدعم WebP أيضًا الشفافية وعادةً ما يكون أصغر من PNG لنفس المحتوى، مع دعم في جميع المتصفحات الحالية. سبب الاستمرار في تقديم PNG هو التوافق مع البرامج خارج المتصفح — عملاء البريد الإلكتروني، أدوات التصميم الأقدم، وأي شيء قد يفتح به زميل الملف. بالنسبة للموارد التي تُعرض فقط في صفحاتك الخاصة، WebP هو أفضل خيار افتراضي وتحتوي هذه الأداة على محوّل لذلك.