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