┐─ تحليل الملف ──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── ┌
│ المطور : جوجل
│ الفئة : صورة
│ نوع MIME : image/webp
│ بايتات : 52494646????????57454250
┘ ──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── └
ما هو ملف WebP؟
WebP هي صيغة صور طورتها Google عام 2010 وأعلنت عنها رسمياً كبديل للصيغ الكلاسيكية JPEG وPNG وGIF في بيئة الويب. تعتمد على تقنية ضغط VP8 (نفس كودك فيديو WebM) للضغط بفقدان، وخوارزمية خاصة للضغط بدون فقدان.
ما يجعل WebP مميزة هو أنها الصيغة الوحيدة التي تجمع: ضغطاً بفقدان (مثل JPEG)، وضغطاً بدون فقدان (مثل PNG)، وشفافية كاملة (مثل PNG)، وتحريكاً (مثل GIF) — كل ذلك في صيغة واحدة. البايتات السحرية تبدأ بـ RIFF ثم WEBP في الموضع 8-12.
كيفية فتح ملفات WebP
- جميع المتصفحات الحديثة (Chrome، Firefox، Edge، Safari 14+، Opera) — عرض مدمج
- ويندوز 10/11 — تطبيق الصور يعرض WebP بشكل افتراضي
- Preview (macOS Ventura+) — دعم مدمج في النظام
- GIMP (ويندوز، ماك، لينكس) — تحرير وتصدير WebP مجاناً
- Adobe Photoshop (2022+) — دعم مدمج بدون إضافات
- Squoosh (ويب، مجاني) — أداة Google لضغط وتحويل WebP عبر المتصفح
- IrfanView (ويندوز) — عارض خفيف يدعم WebP
المواصفات التقنية
| الخاصية | القيمة |
|---|---|
| البايتات السحرية | 52 49 46 46 (RIFF) + 57 45 42 50 (WEBP) |
| نوع MIME | image/webp |
| الضغط بفقدان | VP8 (مشابه JPEG) |
| الضغط بدون فقدان | VP8L (خوارزمية خاصة) |
| الشفافية | قناة ألفا كاملة |
| الرسوم المتحركة | مدعومة (WebP المتحرك) |
| الحاوية | RIFF (Resource Interchange File Format) |
| توفير الحجم | ~25-34% أصغر من JPEG بنفس الجودة |
الاستخدامات الشائعة
- أداء الويب: كل التجارة الإلكترونية الكبرى (Amazon، eBay، Etsy) تستخدم WebP للصور
- شبكات التواصل الاجتماعي: YouTube وFacebook وInstagram تُحوّل الصور لـ WebP تلقائياً
- Next.js وAstro: تحسين الصور التلقائي يُولّد WebP من JPEG/PNG في بناء الموقع
- CDN والأداء: Cloudflare وFastly يُحوّلان الصور لـ WebP تلقائياً للمتصفحات الداعمة
- تطبيقات الجوال: تطبيقات Android تدعم WebP أصلياً منذ Android 4.0
WebP مقابل JPEG مقابل PNG مقابل AVIF
| الميزة | WebP | JPEG | PNG | AVIF |
|---|---|---|---|---|
| الضغط بفقدان | ✅ (VP8) | ✅ | ❌ | ✅ (أفضل) |
| الضغط بدون فقدان | ✅ | ❌ | ✅ | ✅ |
| الشفافية | ✅ | ❌ | ✅ | ✅ |
| الرسوم المتحركة | ✅ | ❌ | محدود | ✅ |
| الحجم نسبياً | صغير | كبير | كبير جداً | ✅ أصغر |
| دعم المتصفح | ✅ عالمي | ✅ عالمي | ✅ عالمي | جيد (2024) |
تحويل الصور إلى WebP
# تحويل JPEG إلى WebP باستخدام cwebp
cwebp -q 85 image.jpg -o image.webp
# تحويل PNG إلى WebP بدون فقدان
cwebp -lossless image.png -o image.webp
# تحويل دفعة من JPEG إلى WebP
for f in *.jpg; do cwebp -q 85 "$f" -o "${f%.jpg}.webp"; done
# تحويل WebP إلى PNG باستخدام dwebp
dwebp image.webp -o image.png
# باستخدام FFmpeg
ffmpeg -i input.jpg -c:v libwebp -quality 85 output.webp
# باستخدام ImageMagick
convert input.png -quality 85 output.webpنصيحة في CSS: استخدم <picture> لتوفير WebP مع JPEG احتياطياً:
<picture>
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="وصف الصورة" loading="lazy">
</picture>