معالج Data URI
أنشئ أو فك تشفير Data URI بترميز Base64 لتضمين الملفات.
حول معالج Data URI
يتيح لك معالج Data URI ترميز أي ملف إلى Base64 data URI لتضمينه مباشرة في HTML، أو CSS، أو JavaScript، ويفك تشفير Data URIs الموجودة لإعادتها إلى محتوى ملفها الأصلي. تتبع Data URIs تنسيق RFC 2397 `data:[<mediatype>][;base64],<data>`، مما يسمح بتضمين الأصول دون طلبات HTTP إضافية. يمكن أن يؤدي تضمين الأصول الصغيرة مثل أيقونات SVG، أو الخطوط، أو الصور الصغيرة إلى تقليل زمن استجابة تحميل الصفحة بشكل كبير للموارد الهامة. تتم جميع عمليات الترميز، وفك التشفير، واكتشاف نوع MIME، ومعاينة الملف بالكامل في متصفحك دون الحاجة إلى تحميل عل?? الخادم.
كيفية الاستخدام
للترميز، حمّل ملفًا أو الصق نصًا خامًا واختر نوع MIME الصحيح من القائمة المنسدلة — تقوم الأداة بإنشاء سلسلة Data URI الكاملة المتوافقة مع RFC 2397 الجاهزة للصق في سمات src، أو href، أو url(). لفك التشفير، الصق Data URI موجودة في حقل الإدخال وانقر على 'فك التشفير' (Decode) لاستخراج المحتوى المضمن، ومعاينة الصور أو SVGs مباشرة، وتنزيل الملف الأصلي. تتم جميع المعالجة من جانب العميل، لذا لا تغادر ملفاتك المتصفح أبدًا.
حالات الاستخدام الشائعة
- مطورو الواجهة الأمامية (Frontend developers) الذين يقومون بتضمين أيقونات SVG صغيرة، أو مؤشرات التحميل (spinners)، أو صور واجهة المستخدم مباشرة في HTML أو CSS للتخلص من طلبات HTTP الإضافية وتقليل زمن استجابة مسار العرض الحرج.
- مصممو قوالب البريد الإلكتروني الذين يضمنوون خطوط الويب المخصصة وصور الشعارات كـ Base64 data URIs في كتل أنماط CSS لضمان عرض متسق في العملاء الذين يحظرون تحميل الموارد الخارجية.
- باحثو الأمن الذين يفككون Data URIs المشبوهة الموجودة في مرفقات HTML للتصيد الاحتيالي أو علامات السكريبت المشوشة للكشف عن محتوى الحمولة المخفية.
- مطورو الويب الذين ينشئون عروض HTML تجريبية ذاتية الاحتواء بالكامل في ملف واحد، أو صفحات توثيق غير متصلة بالإنترنت، أو أدوات واجهة مستخدم محمولة (widgets) تقوم بتضمين جميع الأصول مباشرة.
- مؤلفو أدوات البناء الذين يولدون Base64-encoded background image data URIs لمكونات CSS-in-JS ذات الأنماط أو يولدون inline SVG data URIs لخطوط الأيقونات.