صيغ الصور: مقارنة بين WebP و PNG و JPG و SVG
قد يؤدي اختيار صيغة الصورة الخاطئة إلى إبطاء أوقات تحميل الصفحة أو تشويش رسومياتك. إليك كيفية مقارنة الصيغ الحديثة للويب من حيث الضغط والشفافية والوضوح.
تتم معالجة الملفات محلياً في متصفحك باستخدام تقنيات WebAssembly وواجهات HTML5 البرمجية. لا تغادر ملفاتك جهازك أبداً، مما يعني عدم وجود عمليات رفع للخوادم أو تخزين للملفات لدى طرف ثالث.
ابدأ التحويل فوراً على جهازك الخاص - دون انتظار رفع الملفات أو انتظار دور لتنزيلها، وبلا تقييد للسرعة من أي خادم بعيد.
استخدم كل أداة متاحة دون الحاجة لإنشاء حساب، أو الدفع مقابل خطة، أو الاصطدام بحدود اصطناعية لحجم الملفات. قم بالتحويل بالقدر الذي يمكن لمتصفحك وجهازك تحمله.
مقارنة التنسيقات والمواصفات التقنية
| تنسيق الإخراج | نوع MIME | المواصفات | النوع |
|---|---|---|---|
| PNG صورة | image/png | W3C-PNG | رسومات الشبكة المحمولة |
| JPG صورة JPEG | image/jpeg | ITU-T-T81-JPEG | مجموعة خبراء التصوير الفوتوغرافي المشتركة |
| WebP صورة | image/webp | RFC-6386-VP8 | تنسيق صور جوجل WebP الحديث |
| SVG متجه | image/svg+xml | W3C-SVG | رسومات متجهة قابلة للتحجيم |
| HEIC صورة | image/heic | ISO-IEC-23008-12-HEIF | حاوية صور عالية الكفاءة |
| AVIF صورة | image/avif | AOMEDIA-AV1-AVIF | تنسيق ملفات صور AV1 |
| PSD مستند فوتوشوب | image/vnd.adobe.photoshop | ADOBE-PSD-SPEC | مستند أدوبي فوتوشوب |
| PSB مستند فوتوشوب كبير | image/vnd.adobe.photoshop | ADOBE-PSD-SPEC | مستند كبير الحجم لأدوبي فوتوشوب |
| WMF ملف رسومي وسيط من Windows | image/x-wmf | MS-WMF-SPEC | تنسيق متجهي لملفات الرسوم الوسيطة في Windows |
| EMF ملف وسيط محسّن | image/x-emf | MS-EMF-SPEC | تنسيق متجه للملف الوسيط المحسّن |
| JFIF صورة | image/jpeg | ITU-T-T81-JPEG | تنسيق تبادل ملفات JPEG |
| TGA ملف Truevision | image/x-tga | TGA-SPEC | صورة نقطية بصيغة Truevision Targa |
| PCX ZSoft | image/x-pcx | PCX-SPEC | صورة نقطية لـ ZSoft Paintbrush PCX |
| PDF مستند | application/pdf | ISO-32000-2 | تنسيق المستندات المحمولة |
المواصفات التقنية وتحليل الترميز (Codec)
قاعدة القرار السريع للصيغ
يمكن أن يقلل WebP وAVIF حجم كثير من صور الويب، ويدعم كلاهما الشفافية، لكن النتيجة تعتمد على الصورة وإعدادات الترميز. استخدم JPG للصور الفوتوغرافية عندما تكون عيوب الضغط الصغيرة مقبولة، وPNG للقطات الشاشة والرسومات الحادة، وSVG للشعارات والأيقونات القابلة للتحجيم.
الصور النقطية مقابل المتجهة: لماذا لا تصبح صور SVG ضبابية أبداً
الصور النقطية (JPG و PNG و WebP) هي شبكات من بكسلات الألوان الثابتة - إذا قمت بالتكبير بشكل مفرط، تصبح ضبابية أو تظهر بكسلاتها. أما SVG فهي وصف رياضي بحت: فهي تخزن الخطوط والمنحنيات والألوان الرياضية، مما يسمح للأيقونات والرسوم التوضيحية بالظهور بحِدة فائقة على كل شيء من شاشات الهواتف إلى شاشات 8K وبأحجام ملفات صغيرة جداً.
خرافة: 'دقة DPI الأعلى تعني جودة أفضل لصورة الويب'
دقة DPI (النقاط في البوصة) هي مجرد تعليمة طباعة مادية وتتجاهلها متصفحات الويب تماماً. على الهواتف وشاشات الكمبيوتر، يُحدد وضوح الصورة بالكامل بواسطة أبعاد البكسل (مثل 1920x1080) وكثافة العرض، وليس البيانات الوصفية المضمنة لـ DPI.
الشفافية ألفا: PNG مقابل WebP
لا يحتوي JPEG على قناة شفافية، لذا تتحول البكسلات الشفافة إلى خلفية صلبة عند الحفظ بصيغة JPEG. يحافظ PNG على شفافية ألفا، كما يمكن لـWebP تخزين الشفافية وقد ينتج ملفًا أصغر؛ قارن الصورة لأن الحجم يعتمد على محتواها وإعدادات الترميز.
صفر بايت يتم رفعه إلى خوادم خارجية. تمت كل عمليات المعالجة محلياً في صندوق الحماية (Sandbox) الخاص بمتصفحك.