لماذا أحوّل PNG إلى WebP (والمرّة الوحيدة التي لا أفعل فيها)
صيغة PNG رائعة للتحرير، لكنها مبذّرة حين تنشرها. إليك ما توفّره WebP فعلًا، وأين لا توفّر لك شيئًا، والقاعدة الوحيدة التي لا أخالفها أبدًا.
webppngimage formatsperformance
المدوّنة
ملاحظات حول صيغ الصور والضغط وكل ما يمكن فعله داخل المتصفح.
كيف يعمل تحويل الصور داخل المتصفّح فعلًا (ولماذا بنيته هكذا)
عبارة «ملفّاتك لا تغادر جهازك» بنية معمارية، لا سطر تسويق. إليك كيف تنجز WASM التحويل داخل متصفّحك مباشرةً، والقيد الحقيقي الوحيد الذي فيها.
privacybrowserimage formats
SVG إلى PNG — حين تحتاج إلى البكسلات فعلًا (ومتى لا ينبغي)
صيغة SVG تتمدّد بلا حدود وتبقى صغيرة، فتحويلها إلى بكسلات يبدو تراجعًا. أحيانًا يكون كذلك. إليك متى تحتاج فعلًا إلى بكسلات PNG من متّجه، ومتى تترك SVG وشأنها.
svgpngtransparency
لماذا لقطات شاشتك بحجم 2 ميغابايت، وكيف تصغّرها 60% إلى 90%
لقطة شاشة للوحة تحكّم شبه فارغة لا شأن لها بأن تكون 2 ميغابايت. إليك لماذا تفعل بك PNG ذلك، وكيف يقتطع التحويل إلى WebP نحو 60% إلى 90% دون خسارة مرئية.
pngwebpscreenshotscompression
AVIF مقابل WebP — الملف الأصغر ليس دائمًا الصحيح
عادةً تتفوّق AVIF على WebP في الحجم، أحيانًا بنسبة 20% أو أكثر. إليك ما يكلّفك هذا الضغط الإضافي من وقت ترميز وحالات حدّية، ومتى ما زلت ألجأ إلى WebP.
avifwebpcompressionperformance
PNG أم JPG؟ قاعدة العشر سنوات التي أقرّر بها
بلا فقدان مقابل فاقدة، حواف مقابل صور فوتوغرافية، شفافية مقابل لا شفافية. سؤال واحد بسيط يخبرك أي صيغة يجب أن يكون عليها الملف — مع جدول أحجام حقيقي للإثبات.
pngjpgimage formatslosslesslossy
لماذا صور iPhone بصيغة HEIC (ومتى أحوّلها إلى JPG ببساطة)
صيغة HEIC أفضل فعلًا، لكن نصف الويب ما زال يعجز عن فتحها. إليك لماذا اختارتها Apple، وما الذي تخسره حين تحوّل إلى JPG، ومتى لا أتكبّد العناء.
heicjpgimage formatsphotography