ایجاد آیکون های وب با SVG

مشاهده خبرنامه Morten's LinkedIn به عنوان طراحان و توسعه دهندگان وب، ما می خواهیم گرافیک واضح به نظر برسد، اما برای عملکرد باید اندازه فایل را پایین نگه داریم. چگونه بهترین های هر دو دنیا را بدست می آورید؟ تقریباً تنها یک راه برای رفتن وجود دارد: SVG.\n\n چالش SVG ها این است که آنها مانند فایل های گرافیکی دیگر نیستند: آنها به جای شبکه ای از پیکسل ها، دستورالعمل های کدی هستند که توسط مرورگر در لحظه تفسیر می شوند. این امر چالش‌های منحصربه‌فردی و فرصت‌های منحصربه‌فردی را در هنگام اجرا ایجاد می‌کند. در این دوره، روش‌های مختلفی برای استقرار آیکون‌های SVG در صفحات وب را یاد خواهید گرفت که هر کدام موارد استفاده، مزایا و معایب خاص خود را دارند. Morten Rand-Hendriksen نحوه درج تصاویر SVG، افزودن SVG به عنوان عناصر درون خطی و SVG sprites از طریق خط فرمان و خودکارسازی SVG ها با Grunticon را نشان می دهد. به‌علاوه، نکاتی را در مورد سازگاری و دسترسی به گرافیک‌های خود و استفاده از نمادهای SVG در وردپرس دریافت کنید.