تحويل الصورة إلى Base64

كيف يعمل

يضمّن data URI الصورة مباشرة في شيفرتك المصدرية بدلًا من الإشارة إلى ملف منفصل. وهذا يزيل طلب شبكة واحدًا، وهو مهم للصور الصغيرة جدًا التي كانت ستكلّف رحلة ذهاب وإياب لكل منها.

متى يستحق ذلك

الأيقونات الصغيرة والشعارات والرسوم أحادية اللون. وتحت نحو 2 KB يفوق الطلب الموفَّر عادةً الكلفة. وفوق ذلك، يفوز الإشارة إلى ملف عادي.

ثمن الحجم

يرمّز Base64 كل ثلاثة بايتات في أربعة أحرف، لذلك يكون data URI أكبر من الملف بنحو 33%. ولا يمكن أيضًا تخزينه مؤقتًا بشكل منفصل، بل يُعاد تنزيله مع كل نسخة من ورقة الأنماط أو الصفحة التي تحتويه.

أين تلصقه

مباشرة في url() في CSS أو في سمة src لوسم img. تحمل المخرجات أصلًا بادئة نوع الوسائط الصحيحة.