המרת SVG ל-ICO (אייקון אתר)
וקטור הוא חומר הגלם המושלם ל-favicon: ה-SVG מצויר מהנתיבים בגודל פי 4 מהמוצהר, וכל רשומה מוקטנת ממנו בניקיון — בלי הטשטוש שמגיע מהגדלת רסטרים קטנים. מתקבל .ico אחד עם 16, 32 ו-48 פיקסלים ושקיפות בדיוק כפי שעוצבה.
שימושי גם: המרת SVG ל-PNG
איך זה עובד
גררו את קובץ ה-SVG של הסמל — עדיף גרסת "סמל בלבד" בלי טקסט דק — או הדביקו מהלוח.
הווקטור מצויר בגודל פי 4 מהמוצהר ואז מוקטן בנפרד לרשומות חדות של 16, 32 ו-48 פיקסלים.
הורידו את ה-.ico לשורש האתר, ושקלו להגיש לצידו גם את ה-SVG עצמו לדפדפנים שתומכים.
SVG vs ICO
כאן אין באמת תחרות: מול כל מקור רסטר, הווקטור מנצח בנוק-אאוט — כל גודל מצויר ולא נמתח, כך שרשומת ה-16 חדה כמו שהגיאומטריה מאפשרת. אם יש לכם SVG של הסמל, כל מסלול אחר הוא פשרה.
| SVG | ICO | |
|---|---|---|
| דחיסה | וקטורי (טקסט XML) | ללא איבוד (רשומות BMP או PNG) |
| שקיפות | כן (אלפא מלא) | כן (אלפא מלא) |
| אנימציה | כן (CSS/SMIL) | לא |
| תאימות | כל הדפדפנים; טפסי העלאה רבים דוחים אותו | אוניברסלית לאייקוני אתרים |
| מתאים ל... | לוגואים, אייקונים ואיורים | אייקוני אתרים (favicon) ואפליקציות Windows |
שאלות נפוצות
לא — וזו בדיוק הסיבה שהאתר הזה קיים. ההמרה מתבצעת כולה בדפדפן שלכם באמצעות WebAssembly, כך שהקבצים לא עוזבים את המכשיר ואף שרת לא מעורב בתהליך. הכלי ממשיך לעבוד גם בלי חיבור לאינטרנט אחרי שהעמוד נטען, ואין מגבלת גודל מלבד זיכרון המכשיר.
כי כל גודל נוצר בציור ולא בהקטנה עיוורת: הקובץ מרונדר גדול ואז מוקטן לכל רשומה בנפרד. מקור רסטר מוגבל לרזולוציה שנולד איתה; וקטור פשוט לא סובל מהבעיה הזו.
הגיאומטריה שורדת; העדינות לא. קווים דקים, טקסט קטן ועיטורים נמסים ב-16 פיקסלים בכל טכנולוגיה. האייקונים שנקראים בבירור הם צורות פשוטות בניגודיות גבוהה — הרבה מערכות עיצוב מחזיקות גרסת "סמל בלבד" בדיוק לשימוש הזה.
עשו את שניהם — זו הפרקטיקה המומלצת כיום. דפדפנים מודרניים מקבלים favicon וקטורי בתגית link ואף מכבדים מצב כהה בתוכו; ה-.ico מכאן מכסה את Safari, שעדיין מתעלם מ-favicon וקטורי, ואת כל מבקשי /favicon.ico הוותיקים.
תוכן מוטמע — נתיבים, תמונות בקידוד base64 — מצויר כרגיל; הפניות לקבצים חיצוניים ולפונטי רשת עלולות לא להיטען בזמן הרינדור. לסמלים עם טקסט, המירו את האותיות לקווי מתאר בכלי העיצוב לפני הייצוא.
כשאין לכם וקטור אמיתי — SVG שמכיל בסך הכול תמונת רסטר מוטמעת לא ירוויח כלום מהמסלול הזה, ועדיף להמיר את הרסטר ישירות, למשל דרך המרת PNG ל-ICO. הקסם קיים רק כשיש נתיבים אמיתיים.
כלים קשורים
המרת SVG ל-PNG
המרת SVG ל-PNG בדפדפן — בחינם, בפרטיות ובלי העלאה. בחרו קנה מידה של 1–4× לאייקונים, לוגואים וגרפיקה חדים בכל גודל, עם השקיפות שמורה.
המרת PNG ל-ICO (אייקון אתר)
ממירים PNG לקובץ ICO אמיתי עם שלושה גדלים — 16, 32 ו-48 פיקסלים — בדפדפן ובחינם. שקיפות מלאה נשמרת, והקובץ לא מועלה לשום שרת בדרך.
המרת ICO ל-PNG
מחלצים את התמונה מקובץ ICO ושומרים אותה כ-PNG ללא איבוד, כולל שקיפות. הדפדפן בוחר את הרשומה הראשית — בדרך כלל הגדולה ביותר — והכול נשאר במכשיר.
המרת SVG ל-PDF
המירו SVG ל-PDF בדפדפן — בחינם, בפרטיות ובלי העלאה. הווקטור מצויר בגודלו המוצהר ומוטמע ללא איבוד כפיקסלים, על עמוד בגודל תואם בדיוק.