SVG إلى Data URI
حوّل ملفات SVG إلى سلاسل Data URI.
اسحب ملف SVG وأفلته
أو انقر للاختيار أو الصق كود SVG
المزايا الرئيسية
إدراج مدمج
حوّل SVG إلى Data URI لتضمينه في HTML.
خفيف الوزن
لا يوجد حاجة لملفات خارجية.
سريع
عملية التحويل سريعة وغير معقدة.
طريقة الاستخدام
Add Your SVG
Drag and drop a file or paste SVG markup. SVG to Data URI loads the source locally and preserves viewBox, IDs, and colors for accurate output. Open SVG files online and convert them right away.
Select an Encoding
Choose Base64 for maximum compatibility or URL encoding for shorter, readable strings. SVG to Data URI updates the output instantly so you can compare lengths before copying.
Copy and Embed
Copy the result and paste it into HTML, CSS, or JSON. SVG to Data URI strings are ready for img src, background-image, or inline style attributes.
الأسئلة الشائعة
What is an SVG Data URI and when should I use it?
SVG to Data URI: Base64 or URL-encoded, how do I choose?
Will SVG Data URI work in CSS background-image?
Is the conversion private?
How large can the SVG be?
Should I optimize before converting?
Does it preserve colors and viewBox?
Is SVG to Data URI Converter free to use with no download?
Do I need an account to use SVG to Data URI Converter?
أدوات ذات صلة
تابع العمل على ملف SVG نفسه باستخدام أدوات المعاينة أو التحويل أو التحسين في SVGView.
SVG Viewer
Preview the source before SVG to Data URI so you can confirm sizing, colors, and viewBox settings.
افتح الأداةSVG Optimizer
Run SVG Optimizer before SVG to Data URI to shrink markup and keep the final string compact.
افتح الأداةSVG to CSS Background
Use SVG to CSS Background when you need reusable CSS snippets for gradients, masks, or icons.
افتح الأداةSVG to PNG
Use SVG to PNG when SVG to Data URI is too long and you need a raster fallback for legacy contexts.
افتح الأداةSVG to React
Convert to components after testing so you can compare delivery methods in your app.
افتح الأداة