مطور / ترميز
مولّد Data URI
حوّل أي ملف إلى Data URI مع مقتطفات CSS وHTML جاهزة للصق، وخيار URL-encoded أصغر لملفات SVG، مع توضيح مقدار زيادة حجم الملف بعد الترميز.
مولّد Data URI: يضع Data URI (RFC 2397) محتوى الملف مباشرةً داخل رابط أو ورقة أنماط، ما يلغي الحاجة إلى طلب منفصل. يحوّل ترميز Base64 كل 3 بايتات إلى 4 محارف، لذلك يزداد حجم الملفات بنحو الثلث؛ أما SVG، لكونه نصًا، فيمكن ترميزه باستخدام النسب المئوية بدلًا من ذلك، مع تخطي محارف مثل % و# و< و> فقط، ويكون هذا عادةً أصغر حجمًا. يعمل 100% محليًا في المتصفح، من دون رفع أي ملفات إلى الخادم.
- الفئة
- أدوات المطورين
- مرات التشغيل
- في المتصفح
- التكلفة
- مجاني · بلا تسجيل
- التوفر
- جاهز للاستخدام
تعمل بالكامل في المتصفح
يُقرأ الملف في متصفحك ولا يتم رفعه مطلقًا.
أين تعمل URIs للبيانات؟
تعمل URIs للبيانات في img src، وCSS url()، وlink href للأيقونات، وروابط التنزيل. تمنع المتصفحات الصفحات من فتح URI للبيانات كصفحة عليا، كما يجب أن تسمح سياسة أمان المحتوى الصارمة بـ data: للصور أو الأنماط التي تستخدمها.
لترميز النص بدلاً من الملفات، استخدم محوّل Base64؛ وللصور التي تحتوي على سلسلة Base64 جاهزة، استخدم أداة تحويل الصورة إلى Base64.
زيادة الحجم
يضيف Base64 ثلثًا إلى حجم الملف، لكن ضغط النص على الخادم (gzip أو Brotli) يستعيد جزءًا كبيرًا من ذلك، لأن النص المرمّز ينضغط جيدًا. وتتمثل التكاليف الفعلية في تعذّر تخزين البيانات مؤقتًا بشكل منفصل، وتنزيلها مجددًا مع كل صفحة أو ورقة أنماط تتضمنها.
طريقة الاستخدام
- اختر ملفًا أو أسقطه؛ ستظهر معاينة للصور.
- بالنسبة إلى ملفات SVG، اختر ترميز URL-encoded أو Base64.
- انسخ Data URI أو مقتطف CSS أو HTML.
الخصوصية والقيود
تتم قراءة الملف في المتصفح ولا يجري رفعه مطلقًا.
أدوات ذات صلة
الأسئلة الشائعة
متى ينبغي استخدام Data URI؟
للملفات الصغيرة المستخدمة مرة واحدة، مثل الأيقونات التي يقل حجمها عن بضعة كيلوبايتات. من الأفضل تقديم الملفات الأكبر حجمًا بشكل منفصل، حيث يستطيع المتصفح تخزينها مؤقتًا وتحميلها بالتوازي.
لماذا أستخدم ترميز URL لملفات SVG؟
يحافظ ذلك على قابلية قراءة SVG، ويكون عادةً أصغر من Base64؛ كما تتحول علامات الاقتباس المزدوجة إلى مفردة، ليتوافق الناتج مع url("…") أو مع سمة HTML.
هل هناك حد للحجم؟
تقبل المتصفحات الحديثة Data URI بأحجام تصل إلى عدة ميغابايتات في الصور وورقات الأنماط، لكن القيم الكبيرة تبطئ التحليل وتجعل الصفحات أثقل.
أداة مجانية · عدد مرات الاستخدام في المتصفح · لا يتطلب حسابًا