الترميز
Data URI / صورة Base64
ترميز صورة إلى Data URI (data:image/…;base64,…) لإدراجها في CSS/HTML، وفك ترميز Data URI أو Base64 خام إلى ملف — كل ذلك مباشرة في المتصفح.
ستظهر معاينة الصورة هنا.
الأسئلة الشائعة
ما فائدة تضمين صورة كـ Data URI بدلًا من رابط عادي؟
يسمح Data URI بتضمين الصورة مباشرة داخل ملف CSS أو HTML كنص Base64، مما يقلل عدد طلبات HTTP المنفصلة، وهو مفيد للأيقونات الصغيرة أو الصور التي تظهر دائمًا مع الصفحة.
هل هناك عيوب لاستخدام Data URI بدلًا من ملف صورة منفصل؟
نعم، الصورة كنص Base64 أكبر بنحو 33٪ من حجمها الأصلي، ولا تستفيد من التخزين المؤقت (caching) للمتصفح كما يحدث مع ملف صورة عادي له رابط خاص به، كما أن المتصفحات وعملاء البريد الإلكتروني تفرض أحيانًا حدًا أقصى لحجم Data URI المقبول.
هل يتم رفع الصورة التي أختارها إلى خادم؟
لا، تحويل الصورة إلى Data URI أو فك ترميزها يتم بالكامل داخل متصفحك، ولا تغادر الصورة جهازك في أي لحظة.