طريقة إضافة رسومات svg إلى الويب

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

طريقة إضافة svg إلى صفحت المدون

توجه الأن إلى بلوجر إفتح صفحة جديدة الأن أنقر على وضع تغيير الوضع إلى html ولصق هدا الكود الأن ضع عنوان الصورة في قسم src إحفط الصفحة.

التحميل

<img src="equilateral.svg" 
    alt="triangle with all three sides equal"
    height="100"
    width="100" />

طريقة تضمين الصورة داخل كود

ماعليك سوى إدراج عنوان الصورة في السمة src والأن التحكم في الإرتفاع و الطول height-width هكدا يتم إدراج صورة بمقاس السيو إليك صورة بالحجم المناسب لي السيو في خانة src إدراج عنوان الصورة هده الصورة بمعايير السيو تستطيع التحكم فيها كما تريد في وضع html في الصفحة إليك الصورة svg صغيرة وكأنها إقونة في الحقيقة ستصبح إقونة ستقوم بتحويل الصورة إلى إقونة svg إن هذا لشيأ رائع هكذا تخفف من ثقل المدونة بقليل ، وإذا أردتَ إدراج صورة في البلوجر يجب عليك تحويل الصورة إلى webp لكي يتم قرأة الصورة في جميع المتصفحات لهذا نستعمل الإقونة بذل صورة عادية مما يجعل سرعة الموقع خفيفة على متصفح قياس سرعة إليك.