العربية (المملكة العربية السعودية)

يتركّز هذا الأداة على عنصر الصورة المستخدم في صفحات الويب. تقبَل عنوان مصدر URL ومعايير عرض اختيارية، ثم تولّد علامة HTML img متوافقة مع سمات المصدر srcset وأحجام sizes. تضمن سلوكًا احتياطيًا، تتحقق من ترميز URL وأبعاد، وتقدّم قيم افتراضية معقولة للحفاظ على الوصول والاتساق البصري عبر الأجهزة. الجمهور المستهدف هم مطورو الواجهة الأمامية، محررو المحتوى ومصممو UX الذين يُطبقون توصيل صور قابل للتطوير.
من الناحية المفاهيمية يعتبر عنصر الصورة كوكيل تسليم للوسائط. يستخلص نسبة العرض إلى الارتفاع من العرض والارتفاع المقدمين أو من بيانات الصورة الوصفية عند توفرها، ثم يستخدم هذه النسبة لتقييد الحجم المعروض. يدعم سمات متقدمة مثل loading و decoding و object-fit و object-position؛ بيانات تعريف نصية بديلة اختيارية. عند وجود srcset، يقوم بإنشاء مجموعة موارد مستجيبة وقاعدة sizes مكافئة.
الفوائد: تسريع التكرار بين التصميم والتنفيذ، ترميز HTML متسق، وتحسين تحسين محركات البحث والوصول عبر نص بديل مُهيأ جيدًا وموارد مستجيبة. يساعد الأداة الفرق في توحيد إدارة الصور في قوالب CMS، أو علامات بريد آمنة أو مولدات مواقع ثابتة. القيمة الفريدة تكمن في توليد srcset تلقائيًا، وضبط افتراضي يركز على الوصول، والتحقق مع إرشادات عملية لخطوط إنتاج pipelines. تشمل الوظائف الأساسية التحقق من المدخلات، إدارة نسبة العرض إلى الارتفاع، توليد srcset اختياري، إخراج HTML ونماذج قابلة للتصدير لـ CMS وخطط مواقع ثابتة.