עקוב אחר דוגמה מעשית זו, ולאחר מכן התאם את אותם פקדים לתמונה שלך. פתח את ממיר תמונה ל-Base64.
בחר תמונה וצפה בתצוגה מקדימה של הזהות שלה
פתח את ממיר תמונה ל-Base64. בחר תמונה או נסה דוגמה. הדוגמה משתמשת ב-favicon-orbit.png בגודל 512 × 512 פיקסלים, המכיל 202,491 בתים. העורך מציג את התמונה מעל הקוד שלה כדי שתוכל לוודא שבחרת את הנכס המיועד.
PNG, JPG, WebP, GIF, BMP ו-AVIF נתמכים כאשר הדפדפן שלך יכול לפענח אותם לתצוגה מקדימה. גודל הקובץ המקסימלי הוא 25 MB, עם מגבלות של 60 מגה-פיקסלים ו-16,000 פיקסלים לכל צד. תגיות SVG אינן מתקבלות על ידי ממיר רסטר זה.
הכלי קורא את בתי הקובץ המקוריים. הוא לא משתמש בתצוגה המקדימה כדי לבנות מחדש את התמונה, לשנות את גודלה או לדחוס אותה מחדש. מטא-נתונים קיימים ואנימציית GIF נשמרים לכן בנתונים המקודדים.
לפני הקידוד, השתמש ב-Resize Image או Image Compressor אם אתה זקוק לנכס קטן יותר. Base64 עצמו אינו מפחית את גודל התמונה.
בחר את הייצוג שהפרויקט שלך מצפה לו
פתח את Settings ובחר תמונת HTML תחת Code format עבור דוגמה זו. התוצאה היא תגית img המכילה כתובת URL של נתוני Base64. תכונת ה-alt ריקה בתחילה; כתוב טקסט חלופי שימושי כאשר התמונה מעבירה מידע.
כתובת URL של נתונים מתחילה בקידומת כגון data:image/png;base64, ואחריה הנתונים המקודדים. Plain Base64 מכיל רק את הנתונים. רקע CSS עוטף את כתובת ה-URL של הנתונים בהצהרת background-image. ייצוגים אלו משרתים יעדים שונים, לכן העתק את הטופס המבוקש על ידי האפליקציה שלך במקום לשנות רק את שם הקובץ.
לוח הקוד מתעדכן מיד לאחר שינוי ה-Code format. סמל ההעתקה מעתיק את הייצוג הנוכחי ונותן אישור העתקה משותף. כאשר הגישה ללוח מוגבלת, הקוד נבחר להעתקה ידנית.
תג HTML img מלא אינו זהה ל-data URL. השתמש רק בערך ה-src כאשר שדה מבקש URL.
הדוגמה במדריך זה
נסה דוגמה: favicon-orbit.png, 512 × 512 פיקסלים, 202,491 בתים. בחר תמונת HTML תחת פורמט קוד. בחר התחל והורד favicon-orbit-base64.txt.
- מקור PNG
- 512 × 512 פיקסלים · 202,491 בתים
- פלט טקסט HTML
- 270,029 בתים
- קידוד
- בתים מקוריים; ללא דחיסה חוזרת
הורד את הקוד והבן את גודלו
בחר התחל, ולאחר מכן הורד. הדוגמה שומרת favicon-orbit-base64.txt המכיל קוד תמונה HTML. ה-270,029 בתים שלו גדולים יותר מהמקור בגודל 202,491 בתים. השוואת המאמר מציגה את תחילת הטקסט שהורד, מקוצר לצורך קריאות בלבד.
Base64 ממיר בדרך כלל שלושה בתים מהמקור לארבעה תווים טקסטואליים, ומוסיף בערך שליש לפני המעטפת הקטנה. הטמעת אייקון קטן יכולה להפוך מסמך לעצמאי, אך הצבת מחרוזות תמונה גדולות בתוך HTML או CSS גם מגדילה את המסמך ומונעת מהתמונה להישמר במטמון כקובץ נפרד.
קידוד אינו הצפנה. כל מי שיש לו את מחרוזת ה-Base64 המלאה יכול לשחזר את התמונה המקורית. התייחס לקוד באותה זהירות כמו למקור אם הוא מכיל מידע פרטי.
הקטע המקוצר במאמר זה הוא הסברי בלבד. השתמש ב-TXT המלא שהורד או העתק את הקוד המלא מהכלי.
שאלות נפוצות
האם הקידוד יפחית את איכות התמונה?
לא. הקידוד משמר את הבתים המקוריים. הוא אינו משנה את גודל התמונה, דוחס אותה או מצייר אותה מחדש.
מדוע מחרוזת Base64 גדולה יותר מהתמונה?
Base64 מייצג שלושה בתי קלט באמצעות ארבעה תווים טקסטואליים, לכן הוא בדרך כלל מוסיף כשליש לפני מעטפת או קידומת.
האם אנימציות GIF נשמרות?
קידוד משמר את בתיי ה-GIF המקוריים, כולל הנפשה. תצוגה מקדימה עשויה להציג פריים סטטי בעוד שהנתונים המקודדים שומרים על כל הפריימים.
האם Base64 בטוח לתמונות סודיות?
Base64 אינו הצפנה. שמור על המחרוזת פרטית אם התמונה הבסיסית פרטית. הממיר עצמו מעבד אותה באופן מקומי בדפדפן שלך.
הפוך את התמונה הנכונה לקוד הנכון.
נסה דוגמה או השתמש בקובץ משלך, ועיין בתוצאה לפני השיתוף.
