ما هي الصورة المضمنة؟

الصورة المضمنة هي صورة رسومية يتم إدراجها في صفحة ويب لإضافة جاذبية مرئية أو توفير معلومات أو لتمثيل ارتباط تشعبي. عادة ما تكون الصور المضمنة بتنسيقات GIF أو JPEG أو PNG. تم دمجها في صفحة ويب باستخدام مخطط بيانات URI.

تسمح معرّفات URI للبيانات بتضمين بيانات صغيرة الحجم يمكن استردادها على الفور بواسطة المستعرض. يتم استرداد الصور المضمنة بواسطة المستعرض مع HTML ويتم عرضها كجزء من مستند الويب. لكي يتمكن المتصفح من استرداد الصور وعرضها دون الكثير من الوقت والمتاعب ، يُنصح باستخدام صور مضمنة صغيرة الحجم.

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

يتم الحصول على الصور المضمنة بتنسيق HTML من خادم موقع الويب الذي سيتم عرضها فيه أو تضمينها من خوادم خارجية أخرى. يعد استخدام الصور المضمنة من مصادر خارجية مسألة خلاف حيث يمكن القيام بذلك بدون إذن. تُستخدم علامة img لإدراج صور مضمنة في الفقرات والعناوين في صفحة الويب. لا يمكن استخدام علامة img بصيغة حرة عائمة. يجب أن يتم وضعه داخل عنصر آخر.

السمة المطلوبة لعلامة img هي سمة src. تحدد السمة src عنوان الويب أو عنوان URL الذي يمكن للمتصفح من خلاله استرداد ملف الصورة. بصرف النظر عن سمة src ، يمكن تعريف الصور المضمنة بتنسيق HTML من خلال ثلاث سمات اختيارية. هذه هي بديل ومحاذاة و ismap.

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