أداة مجانية للمطورين

منشئ Data URI تضمين الموارد في HTML و CSS

منشئ Data URI مجاني لمطوري الواجهة الأمامية. ارفع PNG أو JPEG أو SVG أو الخطوط أو الصق النص لإنشاء Data URI بترميز Base64 أو URL لاستخدامها في HTML img src و CSS background-image.

افتح منشئ Data URI استعرض كل الأدوات
AD

منشئ Data URI يحل هذه المشكلات

منشئ Data URI مجاني لمطوري الواجهة الأمامية. ارفع PNG أو JPEG أو SVG أو الخطوط أو الصق النص لإنشاء Data URI بترميز Base64 أو URL لاستخدامها في HTML img src و CSS background-image.

تضمين الموارد الصغيرة بسرعة

يمكن تضمين الأيقونات و SVG والنصوص القصيرة داخل الصفحة.

افتح منشئ Data URI

منشئ Data URI الميزات

منشئ Data URI مجاني لمطوري الواجهة الأمامية. ارفع PNG أو JPEG أو SVG أو الخطوط أو الصق النص لإنشاء Data URI بترميز Base64 أو URL لاستخدامها في HTML img src و CSS background-image.

ملف أو نص

أضف PNG و JPEG و SVG والنص والخطوط.

اختيار تلقائي

URL للنص/SVG و Base64 للثنائي.

MIME قابل للتعديل

غيّر النوع عند الحاجة.

ثلاثة مخرجات

انسخ Data URI أو CSS أو HTML.

معاينة وإحصاءات

راجع الحجم والنتيجة.

سير محلي

أنشئ بدون رفع.

طريقة استخدام منشئ Data URI

منشئ Data URI مجاني لمطوري الواجهة الأمامية. ارفع PNG أو JPEG أو SVG أو الخطوط أو الصق النص لإنشاء Data URI بترميز Base64 أو URL لاستخدامها في HTML img src و CSS background-image.

01

أضف المورد

الصق نصاً أو اختر ملفاً.

  • معالجة محلية بدون رفع
02

راجع MIME

تحقق من image/png و image/svg+xml وغيرها.

  • معالجة محلية بدون رفع
03

اختر الترميز

استخدم تلقائي أو Base64 أو URL.

  • معالجة محلية بدون رفع
04

انسخ المقتطف

الصقه في HTML أو CSS.

  • معالجة محلية بدون رفع

منشئ Data URI سير العمل

منشئ Data URI مجاني لمطوري الواجهة الأمامية. ارفع PNG أو JPEG أو SVG أو الخطوط أو الصق النص لإنشاء Data URI بترميز Base64 أو URL لاستخدامها في HTML img src و CSS background-image.

أضف المورد

الصق نصاً أو اختر ملفاً.

إنشاء Data URI
Data URI Generator upload workflow converting PNG SVG text and font files into browser-ready Data URIs

اختر الترميز

استخدم تلقائي أو Base64 أو URL.

اختيار الترميز
Data URI Generator choosing Base64 or URL encoded output for SVG text and binary resources

انسخ المقتطف

الصقه في HTML أو CSS.

نسخ المقتطفات
Data URI Generator output cards for CSS background-image HTML img src and plain Data URI snippets

منشئ Data URI حالات استخدام

منشئ Data URI مجاني لمطوري الواجهة الأمامية. ارفع PNG أو JPEG أو SVG أو الخطوط أو الصق النص لإنشاء Data URI بترميز Base64 أو URL لاستخدامها في HTML img src و CSS background-image.

أيقونات SVG مضمنة

يمكن تضمين الأيقونات و SVG والنصوص القصيرة داخل الصفحة.

نماذج بملف واحد

الصقه في HTML أو CSS.

أمثلة توثيق

راجع الحجم والنتيجة.

منشئ Data URI الأسئلة الشائعة

منشئ Data URI مجاني لمطوري الواجهة الأمامية. ارفع PNG أو JPEG أو SVG أو الخطوط أو الصق النص لإنشاء Data URI بترميز Base64 أو URL لاستخدامها في HTML img src و CSS background-image.

هل يتم رفع الملفات؟

لا، تتم المعالجة محلياً في المتصفح.

متى أستخدم Base64؟

للصور والخطوط والملفات الثنائية.

متى أستخدم URL؟

لـ SVG و CSS و JSON والنص.

هل يناسب الملفات الكبيرة؟

لا، الأفضل للموارد الصغيرة.

ابدأ استخدام منشئ Data URI

منشئ Data URI مجاني لمطوري الواجهة الأمامية. ارفع PNG أو JPEG أو SVG أو الخطوط أو الصق النص لإنشاء Data URI بترميز Base64 أو URL لاستخدامها في HTML img src و CSS background-image.

افتح منشئ Data URI استعرض كل الأدوات

منشئ Data URI مجاني داخل المتصفح.