متى يتم تضمين الصور
يؤدي ترميز صورة إلى Base64 إلى تداول طلب شبكة لملف أكبر. يعد هذا بمثابة فوز للأصول الصغيرة المستخدمة بشكل متكرر - الأيقونات والشعارات الصغيرة والرسومات الفاصلة - حيث يكلف زمن الوصول ذهابًا وإيابًا أكثر من البايتات الإضافية. بالنسبة للصور الكبيرة، احتفظ بها كملفات منفصلة.
استخدام عناوين URI للبيانات في CSS وHTML
معرف URI للبيانات هو مجرد سلسلة تبدأ بـ data:image/png;base64,. قم بإسقاطها في صورة خلفية CSS أو HTML img src وسيعرضها المتصفح في السطر. تقوم هذه الأداة بإنشاء كلا المقتطفين حتى تتمكن من لصق المقتطف الصحيح مباشرة.
حجم المقايضة
يضيف ترميز Base64 ما يقرب من 33% إلى حجم الملف لأنه يمثل البيانات الثنائية في النص. يعني التضمين أيضًا أنه لا يمكن تخزين الأصل مؤقتًا بشكل منفصل عبر الصفحات. استخدمه بشكل متعمد للرسومات الصغيرة ذات الأهمية للصفحة بدلاً من كل شيء.
سمات
- 01
- تشفير الصور بالسحب والإفلات
- 02
- إنشاء مقتطفات من صور الخلفية باستخدام CSS
- 03
- HTML img src إخراج URI للبيانات
- 04
- فك تشفير Base64 الفوري
