صورة متجاوبة · HTML · إنشاء

مثال محسوب للمدخلات والمخرجات

هذه نتائج المحرك الفعلي بالقيم التجريبية أدناه، دون مدخلاتك الشخصية أو عملك المحفوظ. حمّل المثال في الأداة لمراجعة المدخلات نفسها.

مدخل تجريبي

image-640.webp,640
image-1280.webp,1280

image.jpg

Photo

نتيجة المثال

<picture>
  <source srcset="image-640.webp 640w, image-1280.webp 1280w" type="image/webp"/>
  <img src="image.jpg" alt="Photo" loading="lazy"/>
</picture>