تبدیل SVG به CSS | ساخت Data URI و Base64
تبدیل SVG به Data URI و Base64 برای استفاده در CSS و HTML؛ کد آماده background-image را سریع دریافت کنید.
دربارهٔ این ابزار
ابزار تبدیل SVG به CSS به توسعه‌دهندگان و طراحان کمک می‌کند فایل‌ها و کدهای SVG را به فرمت قابل استفاده در پروژه‌های وب تبدیل کنند.
با وارد کردن SVG، ابزار خروجی‌های مختلفی مانند Data URI، Base64 و کد CSS برای background-image تولید می‌کند. این خروجی‌ها به شما اجازه می‌دهند آیکون‌ها، لوگوها و تصاویر برداری کوچک را مستقیماً داخل CSS یا HTML قرار دهید، بدون اینکه نیاز به فایل جداگانه داشته باشید.
این روش برای استفاده از SVG در آیکون‌های رابط کاربری، پس‌زمینه‌های CSS، کامپوننت‌های فرانت‌اند، قالب‌های ایمیل و پروژه‌های کوچک وب کاربرد دارد. Data URI باعث می‌شود محتوای SVG به‌صورت مستقیم داخل کد قرار بگیرد و برای فایل‌های کوچک می‌تواند مدیریت منابع را ساده‌تر کند.
این ابزار از فرمت‌های مختلف خروجی پشتیبانی می‌کند تا بتوانید بسته به نیاز پروژه خود بین URL Encoding و Base64 انتخاب کنید. برای SVG معمولاً URL Encoding حجم کمتری دارد، در حالی که Base64 در بعضی محیط‌ها سازگاری بیشتری دارد.