0
0
100% تخفیف

سورس کد ۱۵۰ آیکون svg برای طراحی سایت

15,000 تومان رایگان!

آیکون svg برای طراحی سایت بسیار مهم و ضروری خواهد بود. آن هم در زمان کنونی که مهمترین فاکتور هر وبسایتی، سرعت لود وبسایت میباشد.

آیکون svg برای طراحی سایت :

آیکون svg برای طراحی سایت بسیار مهم و ضروری خواهد بود. آن هم در زمان کنونی که مهمترین فاکتور هر وبسایتی، سرعت لود وبسایت میباشد. آیکون های svg سبب افزایش سرعت سایت شده و بسیار سریع تر از سایر پسوند های تصویر بارگزاری میشوند. نتیجه این بارگزاری سریع، بالا رفتن سرعت لود وبسایت و در نتیجه بالارفتن رتبه سئوی وبسایت در گوگل خواهد شد. البته این سرعت بالای بارگزاری آیکون های svg نسبت به سایر پسوند های تصویر نیز دارای دلایل مختلفی است که در ادامه مورد بررسی قرار میدهیم.

تفاوت تصاویر وکتور و پیکسلی :

در دنیای گرافیک ما با دو نوع تصاویر سر و کار خواهیم داشت. تصاویر از نوع وکتور و تصاویر پیکسلی که هرکدام دارای ویژگی ها و مزایای منحصر به فرد خود خواهند بود. تصاویر پیکسلی به صورت رنگ شدن تک به تک پیکسل ها به وجود می آیند که در این روش با زوم کردن، تصویر کیفیت خود را از دست میدهد. اما تصاویر وکتور با معادلات ریاضی ایجاد شده و زمانی که زوم انجام میدهیم، هیچ افت کیفیتی نخواهند داشت.

پسوند های رایج تصاویر نظیر jpeg، png و webp همگی از نوع پیکسلی هستند و تصاویر وکتور اغلب در پسوند های svg و xml ذخیره سازی میشوند. پس میتوانیم نتیجه بگیریم که آیکون های SVG ما از نوع وکتور بوده و با کد های ریاضی ذخیره سازی میشوند. در نتیجه حجم این آیکون ها به نسبت تصاویر از نوع پیکسلی بسیار پایین تر خواهد بود. البته نکته قابل تامل این است که این تصاویر هر چقدر هم بزرگ شوند، کیفیت خود را از دست نمیدهند.

آیکون svg برای طراحی سایت
150 آیکون svg

نقش آیکون svg برای طراحی سایت :

آیکون svg برای طراحی سایت میتواند بسیار مهم و حیاتی باشد؛ چراکه در بخش های بسیار زیادی از وبسایت نیاز به استفاده از آیکون ها خواهیم داشت. بخش هایی نظیر لاگین، رجیستر، پروفایل کاربری، گزینه های حذف و ویرایش، گزینه ارسال نظر یا کامنت، گزینه جستوجو و ده ها بخش دیگری که برای پیاده سازی آنها به استفاده از آیکون نیاز خواهد بود. حال اگر در تمامی این بخش ها از تصاویر با حجم بالا استفاده شود، نتیجه آن به کند شدن وبسایت خواهد انجامید.

سورس 150 آیکون svg برای طراحی سایت :

همانطور که عنوان شد، استفاده از آیکون svg برای طراحی سایت یک الزام و ضرورت محسوب میشود. پس تیم آموزشگام برای دسترسی راحت تر و بدون دردسر کاربران به آیکون های svg مورد نیاز در طراحی سایت، اقدام به انتشار سورس کدی حاوی 150 آیکون svg کرده است. شما با دانلود رایگان این سورس، قادر به استفاده از 150 آیکون svg برای طراحی سایت خواهید بود. 

آیکون های موجود در سورس علاوه بر اینکه از حجم پایین و کیفیت بالا برخوردار هستند، حاوی دو حالت نمایشی نیز میباشند. یک حالت نمایش برای زمانی که اشاره‌گر موس کاربر هنوز بر روی آیکون نرفته است که در این حالت آیکون توخالی خواهد بود. حالت دوم برای زمان هاور یا همان زمانی است که اشاره‌گر گوشی کاربر روی آیکون قرار میگیرد که رنگ داخل آیکون عوض شده و ظاهر جذابی را ایجاد میکند.

دانلود رایگان سورس 150 آیکون svg برای طراحی سایت :

سورس 150 آیکون svg برای طراحی سایت به صورت کاملا رایگان در اختیار علاقه مندان و کاربران وبسایت آموزشگام قرار گرفته است. برای دانلود این سورس کافیست این محصول رایگان را به سبد خرید خود اضافه کرده و خریدتان را نهایی کنید. پس از نهایی شدن خرید، در داشبورد کاربری خود و از بخش دانلود های من، به این سورس دسترسی داشته و قادر به دانلود این فایل خواهید بود.

خوب امیدوارم که حال دلتون خوب باشه.

به امید روزای بهتر…

آموزشگام را در شبکه های اجتماعی دنبال کنید :

نقد و بررسی‌ها

اولین کسی باشید که دیدگاهی می نویسد “سورس کد ۱۵۰ آیکون svg برای طراحی سایت”

هیچ دیدگاهی برای این محصول نوشته نشده است.

اطلاعات فروشنده

سورس ایجاد اکتیویتی Full Screen

با استفاده از کد هایی که در سورس Full Screen کردن اکتیویتی وجود دارند، شما قادر به پیاده سازی یک اکتیویتی تمام صفحه برای انواع گوشی ها خواهید بود.
6
9,000 تومان رایگان!
دریافت محصول

سورس کد پیاده سازی Bottom Navigation

پیش از این آموزش های زیادی برای پیاده سازی Bottom Navigation در اندروید استودیو تولید و عرضه شده است. منتهی این آموزش ها دیگر منسوخ شده اند.
15
14,000 تومان رایگان!
دریافت محصول
آموزشگام