ForHosting KIT · تحرير الصور وتحليلها

هل صيغة AVIF أفضل من WebP لصور موقعك؟

صيغة AVIF صيغة ضغط أحدث من WebP، وغالبًا تنتج حجم ملف أصغر منها بنفس مستوى الجودة تقريبًا، خصوصًا في الصور المعقدة بألوان وتدرجات كثيرة. ترفع الصورة الأصلية فتحصل على نسخة AVIF جاهزة، مع مقارنة سريعة إن أردت التأكد من الفرق قبل الاعتماد عليها.

● مستقرةلكل طلب · لكل صورة$0.002

تشغيل — $0.002 + $0.005/صورة اطّلع على الـAPI

استخدمها من الويبAPIالبريدالتطبيق قريبًاTelegram قريبًا

شغّلها أونلاين

شغّل هذه المهمة على خوادمنا باستخدام حسابك. الأدوات المجانية تعمل داخل متصفحك، أما هذه فتُخصم من رصيدك في KIT حسب السعر الموضّح أعلاه.

الفرق العملي بين AVIF وWebP

تنتج AVIF في أغلب الحالات ملفًا أصغر من WebP بنسبة إضافية قد تصل إلى عشرين بالمئة أو أكثر، خصوصًا في الصور الفوتوغرافية المعقدة ذات التدرجات اللونية الكثيرة. الفارق يضيق في الصور البسيطة كالرسومات المسطحة قليلة الألوان، حيث تتقارب النتيجتان تمامًا أحيانًا. لهذا يُنصَح بتجربة الصيغتين على صورة نموذجية من موقعك قبل اعتماد إحداهما لكل الصور دفعة واحدة، فما يصلح لصورة فوتوغرافية معقدة قد لا يمنح الفارق نفسه لرسم بسيط.

التوافق أضيق قليلًا من WebP

دعم AVIF في المتصفحات أحدث عهدًا من دعم WebP، فأغلب المتصفحات الحديثة تعرضه بلا مشكلة، لكن بعض الإصدارات الأقدم أو المتصفحات الأقل انتشارًا قد لا تدعمه بعد. الحل الآمن هو استخدام وسم صورة يوفر عدة صيغ معًا، فيختار المتصفح AVIF إن دعمه، ويعود إلى WebP أو JPG تلقائيًا إن لم يدعمه، دون أي كسر في عرض الصفحة لأي زائر.

متى يستحق التحويل إضافيًا إلى AVIF

إذا كان موقعك يستهدف زوارًا على شبكات جوال بطيئة أو محدودة البيانات، الفارق الإضافي في الحجم بين AVIF وWebP قد يستحق التحويل، خصوصًا لصور الغلاف الكبيرة وأول صورة تظهر في الصفحة. لموقع بسيط قليل الصور، يكفي غالبًا التحويل إلى WebP وحدها دون الحاجة إلى إضافة صيغة ثالثة تزيد التعقيد دون فائدة تُذكَر في أغلب الحالات العملية اليومية. القرار هنا يعتمد على طبيعة زوار الموقع وسرعة الشبكة الغالبة عليهم أكثر من أي معيار تقني ثابت.

زمن المعالجة أطول قليلًا من WebP

توليد ملف AVIF يستغرق وقت معالجة أطول قليلًا من WebP بسبب تعقيد خوارزمية الضغط الأحدث، لكن هذا لا يؤثر على تجربة الزائر لاحقًا لأن التحويل يحدث مرة واحدة عند إعداد الصورة، لا عند كل زيارة للصفحة. الفارق في وقت التحويل نفسه ثوانٍ معدودة لا أكثر، ولا يستحق القلق بشأنه مقارنة بالتوفير الذي يحققه لاحقًا في كل زيارة للصفحة.

حالات الاستخدام

صورة غلاف موقع بأقصى سرعة تحميل

تريد شركة الخليج الرقمية أن تُحمَّل صورة غلاف الصفحة الرئيسية بأسرع وقت ممكن على الجوال. تحوّلها إلى AVIF مع نسخة WebP احتياطية، فتحصل على أخف حجم ممكن مع توافق كامل.

معرض صور منتجات بدقة عالية

يعرض متجر عبدالله المنصوري صور منتجات عالية الدقة بتفاصيل كثيرة. تحويلها إلى AVIF يقلّل الحجم أكثر من WebP في هذه الحالة تحديدًا، لأن الصور معقدة التدرجات اللونية.

اختبار الفرق قبل اعتماد صيغة واحدة

قبل تعميم التحويل على كل صور موقعه، يحوّل خالد العتيبي صورة واحدة إلى WebP وأخرى إلى AVIF ليقارن الحجم والوضوح بنفسه قبل اتخاذ القرار النهائي.

الأسئلة الشائعة

هل AVIF دائمًا أصغر حجمًا من WebP؟

غالبًا نعم في الصور المعقدة ذات التدرجات الكثيرة، لكن الفارق يضيق في الرسومات البسيطة قليلة الألوان، وأحيانًا تتقارب النتيجتان تمامًا.

هل كل المتصفحات تعرض AVIF؟

المتصفحات الحديثة الرئيسية تدعمها، لكن دعمها أضيق قليلًا من WebP. يُنصَح بتوفير نسخة WebP أو JPG احتياطية لضمان التوافق الكامل.

هل يستحق التحويل إلى AVIF فوق WebP دائمًا؟

ليس دائمًا؛ لموقع بسيط قليل الصور تكفي WebP، بينما مواقع تستهدف زوارًا على شبكات بطيئة تستفيد أكثر من الحجم الإضافي الذي توفره AVIF.

كم تكلفة تحويل صورة إلى AVIF؟

السعر $0.002 للطلب الواحد إضافة إلى $0.005 للصورة، وهو السعر نفسه المطبق على التحويل إلى WebP.

هل يمكن الحصول على نسخة WebP وAVIF من نفس الصورة معًا؟

نعم، يمكن تنفيذ الطلبين على الصورة نفسها للمقارنة بينهما أو لاستخدامهما معًا في وسم صورة يدعم عدة صيغ.

هل تُحذف صورتي بعد التحويل؟

نعم، تُستخدم فقط أثناء إنتاج ملف AVIF عبر اتصال مشفّر، ولا تبقى محفوظة على خوادمنا بعد تسليم النتيجة.

للمطوّرين — الوصول عبر API

كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.

الـEndpoint

POSThttps://api.kit.forhosting.com/image/to-avif

صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.

استدعِ الخدمة من بيئتك

curl -X POST https://api.kit.forhosting.com/image/to-avif \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d &#39;{"image":"https://ejemplo.com/imagen.jpg"}'

const res = await fetch("https://api.kit.forhosting.com/image/to-avif", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "image": "https://ejemplo.com/imagen.jpg"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/image/to-avif",
    headers={"Authorization": f"Bearer {os.environ[&#39;KIT_KEY']}"},
    json={
    "image": "https://ejemplo.com/imagen.jpg"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/image/to-avif", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => &#39;{"image":"https://ejemplo.com/imagen.jpg"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"image":"https://ejemplo.com/imagen.jpg"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/image/to-avif", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

مثال على الطلب

{
  "image": "https://ejemplo.com/imagen.jpg"
}

مثال على الاستجابة

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "image.to_avif",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.

الأسعار

لكل طلب$0.002

لكل صورة$0.005

السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.

الحدود

`max_mb`	15
`max_megapixels`	12

الأخطاء

HTTP	الرمز	المعنى
`401`	`unauthorized`	مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك.
`402`	`insufficient_balance`	رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة.
`404`	`unknown_type`	نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب.
`429`	`rate_limited`	تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة.

اطّلع على توثيق KIT الكامل ←