← חזרה לתכונות
Free

תמונה ↔ Base64

תמונה ↔ Base64 מומיר קבצי תמונה (PNG, JPG, SVG, WebP, GIF) ל-Base64 קידוד נתונים URIs והחזרה. גרור, הדבק או לחץ כדי לטעון תמונה; העתק את המחרוזת data:image/...;base64,... המלאה כדי להטביע מובנה ב-CSS, HTML או הגדרה. או הדבק ה- URI של נתונים כדי לעיין ולהוריד אותו כקובץ תמונה.

תמונות מקודדות Base64 יכולות להיות מוטבעות ישירות לקבצי CSS, HTML או הגדרה — שימושי עבור אייקונים קטנים, תבניות דוא״ל או חפצי בנייה שבהם בקשות תמונה חיצוניות אינן רצויות. כלי זה הופך את ההמרה לקלה. גרור קובץ תמונה, הדבק מלוח, או לחץ כדי לדפדף. הכלי ממיר אותו ל- URI של נתונים עם סוג MIME נכון (data:image/png;base64,..., data:image/svg+xml;base64,... וכו '). כיוון הפוך גם עובד — הדבק ה- URI של נתונים והכלי משחזר את התמונה לתצוגה מקדימה ומציע קישור הורדה כדי שמור אותו כקובץ אמיתי. עובד כולו בדפדפן, אין העלאות — התמונות שלך לעולם לא יוצאות מהמכונה שלך. מטפל בפורמטים PNG, JPG/JPEG, SVG, WebP, GIF ו- ICO.

תצוגה מקדימה חיה
example.com
Image ↔ Base64 תמונה → Base64 Base64 → תמונה
שחרר תמונה
שחרר, הדבק או לחץ
PNG, JPG, SVG, WebP
logo.png
8.4 KB · 256×256
Base64 Data URI
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADJJREFUeNrs0rERwCAIhFEwjv9/6OS...
העתק הורד
תכונות מפתח

גרור, הדבק או דפדף

דרכים מרובות לטעון תמונה: גרור קובץ מה-OS שלך, הדבק מלוח (צילומי מסך פועלים) או לחץ כדי לפתוח בורר קבצים.

תצוגה מקדימה של תמונה חיה

כאשר אתה מדביק ה- URI של נתונים, הכלי משחזר את התמונה באופן מיידי כדי שתוכל לאמת אותה לפני העתקה או הורדה.

העתקה בלחיצה אחת של Data URI

העתק את המחרוזת data:image/...;base64,... המלאה מוכנה להדביק ל-CSS, תכונה HTML src או הגדרת JSON שלך.

המרה מיידית

אין פיגור בהעלאה — הכל קורה מקומית. אפילו תמונות גדולות מחליפות בחלק משנייה.

הורדה כקובץ

מה- URI של נתונים Base64, שמור את התמונה המפוענחת כקובץ בפועל (PNG, JPG, SVG, וכו ') עם הסיומת הנכונה.

טיפול בכל הפורמטים הנפוצים

תומך ב- PNG, JPG, SVG, WebP, GIF ו- ICO. סוג MIME מתגלה באופן אוטומטי כך שה- URI של הנתונים שלך תמיד נכון.

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

הטבעת אייקונים קטנים ב-CSS

המר אייקון 16×16 ל-Base64 והטבע אותו ב- background-image: url (...). אין בקשה HTTP, אין החמצת זיכרון מטמון — האייקון משלח עם ה-CSS שלך.

תבניות דוא״ל

הטבע תמונות ישירות בדוא״ל HTML כ-URIs נתונים כאשר הפניות תמונה חיצוניות מחסומות על ידי לקוחות או מסומנות כספאם.

חפצי בנייה וחבילות

כלול תמונות קטנות בפלט חבילת webpack/vite כדי לחסל סיורי נכס במהלך האתחול של האפליקציה.

חילוץ תמונות מ- Data URIs

הדבק ה- URI של נתונים מכלים dev, מקור HTML או קובץ CSS כדי לעיין ולהוריד את התמונה הבסיסית כקובץ.

ניפוי שגיאות של תמונות מוטבעות

כאשר תמונה מוטבעת לא משחזרת, הדבק את ה- URI של הנתונים לתוך המפענח כדי לאמת שה-Base64 תקף וסוג MIME נכון.

איך להשתמש
1

פתח תמונה ↔ Base64

לחץ על סמל תמונה Base64 בדוק DevSuite Pro. חלונית דו-חלקית נפתחת עם אזור שחרור ושדה URI של נתונים.

2

טען תמונה

גרור קובץ לאזור השחרור, הדבק תמונה מלוח (Ctrl + V), או לחץ על האזור כדי לדפדף. תצוגה מקדימה מופיעה.

3

תפוס את ה- URI של הנתונים

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

4

כיוון הפוך

כדי ללכת Base64 → תמונה, הדבק ה- URI של נתונים לשדה. התצוגה המקדימה משחזרת את התמונה וכפתור הורדה מופיע.

5

הורדה או העתקה

שמור את התמונה המשוחזרת כקובץ אמיתי, או העתק את ה- URI של הנתונים כדי לשתף או להטביע במקום אחר.

מוכנים לנסות?

התקן את DevSuite Pro בחינם ופתח 64+ כלי פיתוח לדפדפן שלך.

הוסף ל-Chrome הוסף ל-Edge הוסף ל-FireFox