صور Base64 و data URL: متى تستخدمها ومتى تتجنبها
تفيد data URL مع الملفات الصغيرة، لكنها تؤثر في الحجم والتخزين المؤقت والأداء.
الفكرة
تضع data URL ملفا صغيرا داخل سلسلة URL. تبدأ صورة شائعة بالشكل data:image/png;base64,.
الاستخدام المناسب
استخدمها للأيقونات الصغيرة جدا، والاختبارات، وصور البريد البسيطة، والمعاينات المولدة.
الكلفة
يحوّل Base64 كل 3 بايتات إلى 4 محارف. يكبر HTML أو CSS قبل أن يرى المتصفح الأصل.
الحدود
توثق MDN حدود الطول وقواعد الأمان. تحظر المتصفحات الحديثة الانتقال العلوي إلى data: URL بسبب خطر التصيد.
قاعدة عملية
ضمّن فقط الملفات الصغيرة التي لا تفسد قراءة المصدر. اترك الصور العادية وملفات المستخدم كملفات مستقلة.