דלג לתוכן הראשי

תמונה ל-Base64 בחינם

המר תמונה ל-URI נתוני Base64 לשימוש מוטבע ב-CSS, HTML, או Markdown. העתק קטעי קוד מוכנים. מקודד בדפדפן שלך; לעולם אינו מועלה.

פועל לא-מקוון לאחר טעינה

שחרר קובץ כאן, או לחץ כדי לעיין

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · מעובד במכשיר שלך

או הקישו Ctrl+V כדי להדביק מהלוח

עיין בקבצים

טיפ: אתה יכול גם להדביק תמונה מהלוח שלך (Ctrl+V).

הקבצים שלך לעולם לא עוזבים את המכשיר. כל העיבוד מתבצע מקומית בדפדפן שלך.

המר תמונה ל-Data URI של Base64 שניתן להדביק ישירות ב-CSS, HTML או Markdown — ללא קובץ נפרד. מקודד בדפדפן; לא מועלה לשום מקום.

שימושים נפוצים

  • הטמיע תמונה ב-CSSהטמיע סמל קטן או רקע כ-data-URI בגיליון הסגנון שלך.
  • הטמיע תמונה ב-HTMLהטמיע לוגו או סמל ישירות ב-HTML עצמאי.
  • המרת SVG או סמל ל-Base64הפוך סמל קטן ל-data-URI להטמעה.
  • הטמיע תמונה ב-Markdownהטמיע תמונה קטנה בקובץ Markdown עם data-URI.
  • קבל data-URI של תמונההפק data: URI גולמי שבו תוכל להשתמש בכל מקום.

כיצד זה עובד

Data URI משבץ תמונה ישירות בקוד שלך כטקסט, כך שהיא נטענת בלי בקשת קובץ נפרדת — שימושי לאייקונים קטנים ולקובצי HTML עצמאיים. הכלי מקודד אותה בדפדפן שלך.

  1. 1
    אתם גוררים תמונה
    היא נקראת מקומית עם FileReader API — לעולם לא מועלית.
  2. 2
    היא מקודדת ב-Base64
    בתי התמונה הופכים ל-Data URI (data:image/...;base64,…) ממש בדפדפן שלך.
  3. 3
    אתם בוחרים קטע קוד
    העתיקו את ה-Data URI הגולמי, או קטעים מוכנים של CSS (background-image), HTML (<img>) או Markdown.
  4. 4
    הדביקו אותו בקוד שלכם
    התמונה מוטמעת עכשיו בתוך ה-CSS/HTML שלך — אין קובץ נוסף לאירוח.

התמונה מקודדת כולה במכשיר שלך. שימו לב ש-Base64 גדול בכ-33% מהמקור, ולכן Data URI מתאים ביותר לתמונות קטנות.

כלים קשורים

שאלות נפוצות