محوّل CSS Data URI
الصق ملف أنماط، أو اختر ملفًا، أو أدخل رابط ملف CSS بعيد. يعثر المحوّل على كل مرجع url(...)، وينزّل الموارد الأصغر من الحد الذي حددته، ويستبدلها بـ Data URI بترميز Base64.
| المورد | الحجم | النتيجة |
|---|
متى يفيد تضمين صور CSS
كل صورة خارجية تكلّف طلبًا. وبالنسبة للأيقونات الصغيرة، فإن تضمينها كـ Data URI بترميز Base64 يُلغي ذلك الطلب ويمنع الوميض. لكن فوق بضعة كيلوبايتات، تطغى زيادة الحجم بنسبة 33% وفقدان التخزين المؤقت على الفائدة، ولهذا يضع المحوّل حدًا للحجم. قدّم النتيجة مع gzip أو Brotli لاستعادة معظم الزيادة الناتجة عن Base64.
الأسئلة الشائعة
هل يجب تضمين كل صور CSS؟
لا. ضمّن الأيقونات والخلفيات الصغيرة فقط. فالصور الكبيرة تُضخّم ملف CSS وتعيق العرض ولا يمكن تخزينها مؤقتًا بشكل منفصل.
التعليقات (0)
لديك سؤال أو فكرة أو وجدت خطأً في “محوّل CSS Data URI”؟ اترك تعليقًا، أو قيّم الأداة، أو ردّ على الآخرين.
لا توجد تعليقات بعد. كن أول من يشارك رأيه!