תמונה ל-Base64

איך זה עובד

data URI מטמיע תמונה ישירות בקוד המקור במקום להפנות לקובץ נפרד. כך נחסכת בקשת רשת אחת, וזה חשוב לתמונות זעירות שאחרת כל אחת מהן הייתה עולה בהלוך ושוב.

מתי זה משתלם

אייקונים קטנים, לוגואים וגרפיקה חד-צבעית. מתחת לכ-2 KB, הבקשה שנחסכת בדרך כלל עולה על העלות. מעל זה, הפניה לקובץ רגיל מנצחת.

עלות הגודל

Base64 מקודד שלושה בתים כארבעה תווים, ולכן data URI גדול בכ-33% מהקובץ. הוא גם לא יכול להישמר במטמון בנפרד — הוא מורד מחדש עם כל עותק של גיליון הסגנונות או הדף שמכיל אותו.

איפה מדביקים

ישירות בתוך url() ב-CSS או בתכונה src של img. הפלט כבר נושא את קידומת סוג המדיה הנכונה.