איך להשתמש בו
- בחרו תמונה → Base64 ובחרו קובץ תמונה, או בחרו Base64 → תמונה כדי לבצע את ההמרה ההפוכה.
- בחרו את הפלט הדרוש: data URL, Base64 רגיל, תג img ב-HTML, כלל background-image ב-CSS או Markdown.
- העתיקו את התוצאה והדביקו אותה בקוד, בתבנית אימייל או ב-JSON.
- כדי לפענח, הדביקו data URL או Base64 רגיל; התמונה מוצגת בתצוגה מקדימה וניתן להוריד אותה.
איך זה עובד
Base64 מייצג נתונים בינאריים באמצעות 64 תווים ניתנים להדפסה, כך שאפשר לכתוב תמונה ישירות בתוך פורמטים של טקסט. data URL מוסיף את סוג המדיה לפני הנתונים, למשל data:image/png;base64, ואחריו הבתים המקודדים. דפדפנים מקבלים data URL בכל מקום שבו מותרת כתובת תמונה: במאפיין src של תג img, ב־url() של CSS או בהפניה לתמונת SVG.
הטקסט המקודד תמיד גדול בקירוב בשליש מהקובץ המקורי (4 תווים לכל 3 בתים). הטמעה של אייקונים קטנים ותמונות placeholder יכולה לחסוך בקשה נפרדת מהרשת, אבל לא ניתן לשמור נתונים מוטמעים במטמון בנפרד, והם יורדים שוב עם כל דף או גיליון סגנונות שמכיל אותם, כך שבדרך כלל זה לא משתלם מעבר לכמה קילובייטים. לקוחות אימייל רבים חוסמים או מסירים תמונות ב־data URL, לכן כדאי לבדוק לפני שמשתמשים בהן בניוזלטרים.
הקובץ מקודד בית אחר בית: לא נעשית דחיסה מחדש, ומטא־נתונים שבתוך הקובץ (כגון EXIF) נשמרים. בעת הפענוח, הכלי מקבל data URL מלא, Base64 רגיל, Base64 בטוח ל־URL וטקסט שהועתק יחד עם מעטפת url(…) של CSS. סוג התמונה מזוהה מהבתים המפוענחים ולא לפי התווית.
דוגמאות
אייקון קטן בגיליון סגנונות
אייקון PNG בנפח 600 בתים הופך למחרוזת Base64 באורך 800 תווים. שימוש בפלט ה־CSS נותן כלל background-image שאפשר להדביק לתוך מחלקה מבלי לארח קובץ נפרד.
תמונה מתשובת API
API מחזיר שדה JSON כגון "iVBORw0KGgoAAAANSUhEUg…". הדביקו אותו בכלי Base64 → Image כדי לראות את התמונה, לבדוק את גודלה ולהוריד אותה כ־PNG.
לוגו SVG ב-HTML
קידוד SVG נותן כתובת data:image/svg+xml;base64 שעובדת בתגית img. עבור SVG, קוד ה-SVG הלא דחוס עצמו לרוב קצר יותר מ-Base64, לכן שקלו להטמיע את ה-SVG ישירות.
שאלות נפוצות
למה גרסת ה-Base64 גדולה יותר מהתמונה שלי?
Base64 משתמש ב-4 תווים כדי לשמור 3 בתים, ומוסיף כ-33% ועוד מעט עבור תחילית ה-data URL. דחיסת Gzip או Brotli בשרת האינטרנט מצמצמת את ההפרש אך אינה מבטלת אותו.
האם הקידוד משנה או דוחס את התמונה?
לא. הקידוד מתבצע על הבתים המדויקים של הקובץ, כולל כל המטא-נתונים. כדי לקצר את המחרוזת, תחילה דחסו או שנו את גודל התמונה.
מה ההבדל בין data URL ל-Base64 רגיל?
Base64 רגיל הוא רק הבתים המקודדים. כתובת data URL מוסיפה תחילית כמו data:image/jpeg;base64, שאומרת לדפדפן איזה סוג קובץ זה, כך שאפשר להשתמש בה ישירות כמקור תמונה.
האם יש מגבלת גודל?
ניתן לקודד כאן קבצים עד 10 MB. מחרוזות ארוכות מאוד עלולות להאט שדות טקסט ועורכים, וכתובות data URL גדולות כל כך אינן מעשיות באתרים.
פרטיות
הקידוד והפענוח מתבצעים בדפדפן שלכם. התמונה וטקסט ה-Base64 אינם מועלים, אינם נשמרים ואינם נכללים בניתוח נתונים.