تضمين الصور Base64

Question

من باب الفضول تمامًا، ما هي المتصفحات التي يعمل بها تضمين الصور Base64؟ما أشير إليه هو هذا.

أدرك أنه ليس عادةً حلاً جيدًا لمعظم الأشياء، لأنه يزيد حجم الصفحة قليلاً - أنا مجرد فضول.

بعض الأمثلة:

لغة البرمجة:

<img alt="Embedded Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." />

CSS:

div.image {
  width:100px;
  height:100px;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...);
}

Answer 1

تحديث:2017-01-10

يتم الآن دعم عناوين URI للبيانات بواسطة جميع المتصفحات الرئيسية.يدعم IE تضمين الصور منذ الإصدار 8 أيضًا.

http://caniuse.com/#feat=datauri

---

يتم الآن دعم عناوين URI للبيانات بواسطة متصفحات الويب التالية:

• المستندة إلى أبو بريص، مثل Firefox وSeaMonkey وXeroBank وCamino وFennec وK-Meleon
• كونكيورر، عبر نظام الإدخال/الإخراج التابع لـ KIO الخاص بـ KDE
• Opera (بما في ذلك الأجهزة مثل Nintendo DSi أو Wii)
• المستندة إلى WebKit، مثل Safari (بما في ذلك iOS)، ومتصفح Android، وEpiphany وMidori (WebKit مشتق من محرك KHTML الخاص بـ Konqueror، ولكن نظام التشغيل Mac OS X لا يشارك بنية KIO لذا تختلف عمليات التنفيذ)، بالإضافة إلى Webkit / المستند إلى Chromium، مثل Chrome
• ترايدنت
  • إنترنت إكسبلورر 8:لقد قصرت Microsoft دعمها على محتوى معين "غير قابل للتنقل" لأسباب أمنية، بما في ذلك المخاوف من أن JavaScript المضمن في معرف URI للبيانات قد لا يكون قابلاً للتفسير بواسطة مرشحات البرامج النصية مثل تلك المستخدمة من قبل عملاء البريد الإلكتروني المستندين إلى الويب.يجب أن تكون عناوين URI للبيانات أصغر من 32 كيلو بايت في الإصدار 8[3].
  • يتم دعم عناوين URI للبيانات فقط للعناصر و/أو السمات التالية[4]:
    • الكائن (الصور فقط)
    • img
    • نوع الإدخال=صورة
    • وصلة
  • إعلانات CSS التي تقبل عنوان URL، مثل صورة الخلفية والخلفية ونوع نمط القائمة ونمط القائمة وما شابه ذلك.
  • إنترنت إكسبلورر 9:لا يحتوي Internet Explorer 9 على حدود تبلغ 32 كيلو بايت وهو مسموح به في عناصر أوسع.
  • متصفح العالم:متصفح IE Shell الذي يحتوي على دعم مدمج لنظام Data URI

http://en.wikipedia.org/wiki/Data_URI_scheme#Web_browser_support

Answer 2

تدعم معظم متصفحات سطح المكتب الحديثة مثل Chrome وMozilla وInternet Explorer الصور المشفرة كعنوان URL للبيانات.ولكن هناك مشكلات في عرض عناوين URL للبيانات في بعض متصفحات الجوال:لن يتم عرض متصفح Android Stock ومتصفح Dolphin ملفات JPEG المضمنة.

أنصحك باستخدام الأدوات التالية لتشفير/فك تشفير Base64 عبر الإنترنت:

• ترميز إلى تنسيق Base64

• فك التشفير من تنسيق Base64

حدد خيار "التنسيق كعنوان URL للبيانات" للتنسيق كعنوان URL للبيانات.

Answer 3

هل بإمكاني استخدم (http://caniuse.com/#feat=datauri) يُظهر الدعم عبر المتصفحات الرئيسية مع بعض المشكلات في IE.