دانستنی های شگفت انگیز

درباره آیکون‌ها و تصاویر SVG برای سایت

شاید توی بعضی سایتها، آیکونها و تصاویری را دیده باشید که نه فرمت PNG دارند و نه JPG، بلکه فرمت‌شان SVG است.

ولی چرا SVG یا Scalable Vector Graphics ؟

در بعضی سایت‌ها از SVG استفاده می‌شود چرا که آنها قابلیت بزرگ کردن تصاویر بدون کاهش کیفیت و پیکسل‌بندی را دارند. (+)آیکون‌ها و تصاویر SVG

SVG مستقل از رزولوشن است و در صفحه نمایش‌هایی با کیفیت بسیار بالا هم به بهترین شکل نمایش داده می‌شود و کیفیتش هم تغییر نمی‌کند.

ضمن اینکه با SVG دیگر مهم نیست که اندازه تصویر چه باشد، یا کاربر چقدر زوم کند و یا اینکه کیفیت صفحه نمایش کاربر چه اندازه باشد.

برخی مزیت‌های دیگر  SVG هم سازگار بودن با CSS و تعامل‌‌پذیری ساده از طریق جاوا اسکریپت است. (+)

اگر علاقمندید در این مورد بیشتر بدانید، می‌توانید این مطلب در مورد SVG را بخوانید:

SVG چیست و چرا باید از آن استفاده کنیم؟

اما چرا من دارم از این موضوع حرف می‌زنم؟

چند وقت پیش از آیکون‌هایی با فرمت SVG – به دلایلی که در بالا به آنها آشنا شدیم – در سایتم استفاده کردم، و گفتم بد نیست که این تجربه را با شما هم در میان بگذارم. شاید برای شما هم مفید باشد.

البته بهتر است این را بدانید که چون فایل‌های SVG هنوز کمی‌ناامن هستند، به همین دلیل وردپرس به کاربران امکان آپلود فایل‌های SVG را نمی‌دهد.

و اگر یک تصویر SVG را در وردپرس آپلود کنید، معمولا با خطایی مشابه خطای زیر رو به رو خواهید شد:

this file type is not permitted for security reasons.

اما وقتی از امنیت فایل‌های SVG مان مطمئن باشیم، حیف می‌شود که نتوانیم آنها را در سایت‌مان آپلود کنیم.

پس حتماً باید یک راه حلی وجود داشته باشد.

بله. وجود دارد. و آن راه حل این است که یک افزونه یا پلاگین در وردپرس‌مان نصب کنیم تا آپلود فایل‌های SVG مورد اعتمادمان را برای‌مان مقدور کند.

نام افزونه این است:

SVG Support

حالا شاید بپرسید، اصلاً این آیکون‌ها یا تصاویر SVG برای سایتم را از کجا گیر بیاورم؟

خوب، یک راهش این است که توی گوگل سرچ کنید.

راه دیگرش هم این است که آیکون‌های قشنگی که – به خصوص روی سایت‌های خارجی می‌بینید و دوستشان دارید – برای خودتان دانلود کنید.

اما یک کار دیگر هم می‌توانید بکنید.

شما می‌توانید آیکون‌های دلخواهتان را از فرمت JPG  یا PNG به فرمت SVG تبدیل کنید.

من چند سایت برای این منظور پیدا کردم و همه آنها را تست کردم و در نهایت به نظرم بهترین و ساده‌ترین‌شان این بود:

vectorizer.io

یک موضوع دیگر هم هست.

شاید برعکس، شما یک تصویر یا آیکون SVG  داشته باشید که دوست داشته باشید آن را به فرمت PNG یا JPG تبدیل کنید و با نادیده گرفتن فوایدش، بدون دردسر، آن را برای سایت‌تان آپلود کنید.

خوب، تنها کاری که باید بکنید این است که آن را در سایتی مانند سایت زیر، آپلود کنید و سپس آن را به فرمت دلخواه‌تان تبدیل کنید. (+)

myScale

***

این هم یک جایزه برای شما، پر از آیکون‌های جالب PNG و  SVG:

flaticon

FavoriteLoadingاین نوشته را به نوشته های مورد علاقه ی من اضافه کن

2 دیدگاه در “درباره آیکون‌ها و تصاویر SVG برای سایت

پاسخی بگذارید

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