ترفند درج تصاویر SVG در وب سایت

SVG مخفف کلمات Scalable Vector Graphics میباشد که برای ایجاد گرافیک های برداری در صفحات وب بکار میرود . در این فرمت با زوم روی عکس ها کیفیت آنها پایین نمی آید . SVG یکی از توصیه‌های کنسرسیوم w3 میباشد زیرا با استفاده از این تکنولوژی جدید حجم عکس ها کاهش یافته و کیفیت انها در کلیه سایزها حفظ میشود .

اما مشکلی که وجود دارد , پشتیبانی نکردن مرورگرهای قدیمی تر از این پسوند می باشد . اما در این پست روشی جالب را آموزش خواهم داد که با استفاده از آن میتوانید این مشکل را حل نمایید .

و اما آموزش :

نحوه قرار دادن فایل SVG در وب سایت بسیار ساده و آسان است . کافیست آدرس فایل SVG خود را به جای vms.svg در کد پایین قرار دهید :

<img src="vms.svg" alt="title" width="250" height="75">

اما نکته مهم اینجاست که کد بالا فقط در مرورگر های جدید کار می کند .

برای اینکه شما یک عکس با قابلیت نمایش در تمامی مرورگرها را داشته باشید :

ابتدا باید یک پسوند دیگر ( مثلا png یا jpg ) از همان SVG را داشته باشید و برای قرار دادن آن به روش زیر عمل کنید :

<img src="vms.svg" alt="title" width="250" height="75" onerror="this.src='vms.png'">

توضیح : کد بالا در صورت عدم پشتیبانی مرورگر از SVG , فرمت PNG همان عکس را بر میگرداند .

نکته ۱ : همان طور که مشخص می باشد شما باید بجز یک عکس با فرمت SVG , فرمت PNG یا JPG همان عکس را هم داشته باشید و به جای vms.png در کد بالا قرار دهید .

نکته ۲ : حتما width و height عکس را وارد نمایید .

مطالب مرتبط

آموزش ستاره دار کردن مطالب وردپرس در نتایج گوگل

آموزش ستاره دار کردن مطالب وردپرس در نتایج گوگل

ستاره دار کردن مطالب وردپرس در گوگل قابلیتی است که با استفاده از اون میتونید در مطالب سایت خودتون باکسی را با عنوان دادن امتیاز اضافه کنید تا کاربران با دادن امتیاز ستاره‌ای به مطالب وردپرس میزان رضایت خودشون را از نوشته شما ثبت کنند و علاوه بر این هم موتور جستجوی گوگل با استفاده […]

روش های کسب درآمد از وردپرس

روش های کسب درآمد از وردپرس

وردپرس یکی از سیستم های مدیریت محتوای محبوب است که نه تنها در ایران، بلکه در جهان از محبوبیت خاصی برخوردار است و اکثر وبسایت ها با این سیستم محبوب و فوق العاده ساخته شده اند. محبوبیت زیاد وردپرس باعث شده است روش های کسب درآمد مختلفی برای آن ایجاد شود و افراد زیادی به […]

آنالیز رقبا در اینستاگرام | آنالیز آمار کلی ، رتبه جهانی ، آمار ماهانه ، فالوور روزانه و ماهانه

آنالیز رقبا در اینستاگرام | آنالیز آمار کلی ، رتبه جهانی ، آمار ماهانه ، فالوور روزانه و ماهانه

اگر صاحب یک کسب و کار هستید، آنالیز رقبا یکی از وظایف مهم شماست و اگر هم در اینستاگرام فعالیت می کنید، آنالیز رقبا در اینستاگرام کاری است که حتما باید انجام دهید. آنالیز رقبا در اینستاگرام به شما کمک می کند که بتوانید رقبای خودتان را بررسی کنید و ببینید چطور فعالیت می کنند […]

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

محصولات ویژه