יצירת favicon
הפוך תמונה פשוטה לתוך איקון תפריט אתר (Favicon) וחבילת איקונים אתר. בדוק כי העיצוב נשאר מזהה בגודל קטן, הורד את הקבצים ולעקוב אחר דוגמה ההתקנה הכלול.
לפני שאתה מתחיל
- כניסה
- תמונה אחת JPG, PNG או WebP סטטי.
- היציאה
- ZIP עם ICO, PNG אייקונים, מנגנון ודוגמה HTML.
מכשיר טעינה...
כיצד להשתמש בכלי זה
- בחר תמונה JPG, PNG או WebP סטטי.
- צמחים למרבע או להוסיף פדינג ולבדוק את העדפות האייקון.
- הורד את ZIP ולהתאים את מסלולי הדוגמה לאתר שלך.
להבין את התוצאה
איקון תפריט אתר (Favicon) מופיע לעתים קרובות בגודל קטן מאוד. סמל ברור או מכתב בדרך כלל עובד טוב יותר מאשר עבודת אמנות מפורטת או טקסט קטן. קבצים שנוצרו עדיין צריכים להיות מועברים ומפורטים על ידי האתר שלך.
מדוע האייקון של דף האינטרנט שלי (Favicon) נראה מטושטש או קטן מדי?
תמונה רחבה או תמונה מפורטת עשויה להפוך בלתי נראית בכרטיסייה קטנה של הדפדפן. התחל עם סמל מרובע פשוט, ולבדוק את הקדמה האמיתית של 16 פיקסלים ו 32 פיקסלים. הדבקה שומרת על המקור המלא, אך יכולה להשאיר לוגו רחב קטן מאוד; הדבקה מרובעת ממלאת את האייקון ויכולה לחתוך את גבולותו. בדוק את שתי האפשרויות לפני התקנת התוצאה.
אילו קבצי תווית האתר (Favicon) אני צריך להעלות לאתר שלי?
קובץ ה־ZIP מכיל favicon.ico, סמלי PNG, את apple-touch-icon.png, את site.webmanifest ואת install.html.txt עם תגי קישור לדוגמה. יש לחלץ תחילה את הארכיון; העלאת ה־ZIP לבדה אינה מתקינה את הסמל. הנתיבים לדוגמה מניחים שהקבצים נמצאים בתיקיית השורש של האתר. יש להתאים אותם לתיקייה אחרת או להשתמש בהגדרת סמל האתר בפלטפורמה, ואז לבדוק את הדף שפורסם ואת המטמון.
נסה את הדגימה
נסה דגימה מקורית כדי לבדוק את זרימת העבודה תומכת. דגימה מוצלחת היא לא אחריות עבור כל כניסה.
דגימת תמונה מקורית ↓אם התוצאה היא לא מה שאתה מצפה
האתר עדיין מראה את האייקון הישן.
הקבצים שנוצרו אינם מותקנים. בדוק את כתובת ה-URL של האייקון ואת תווית הדף, ולאחר מכן לנקות את המאגר של האתר ולבדוק ישיבת דפדפן חדשה. דפדפן וסייקונים של תוצאות החיפוש ניתן לעדכן בזמנים שונים.
כלי שימושי הבא: המרת SVG ל־PNG →גבולות חשובים
- כניסת תמונה בלבד; תחליף SVG ל- PNG קודם.
- הכלי אינו משנה את הגדרת האתר שלך.
- בדוק את האתר שלך לאחר התקנת האייקונים כי התנהגות הקשיח והפלטפורמה עשויה להיות שונה.
- מקסימום 10 MB 12 מיליון פיקסלים היציאה כוללת ICO, PNG אייקונים, Webmanifest ודוגמה HTML ב- ZIP.
שאלות נפוצות
האם זה מותקן את האייקון של הכרטיסייה באתר (Favicon) באתר שלי?
לא הוא מכין קבצים ודוגמה. להעלות את הקבצים ולעדכן את הדרכים או את הגדרות האתר שלך.
האם החבילה הופכת את האתר שלי ל- PWA?
לא קבצי האייקון ו- Webmanifest בסיסיים הם רק חלק מההגדרה של אפליקציה אינטרנט.
מדוע קשה לקרוא את הלוגו שלי ב 16 פיקסלים?
פרטים יפים עלולים להיעלם בגודל זה. נסה סמל פשוט יותר, צורה חזקה יותר או יותר מקום סביב המותג.
מדריכים קשורים
שאלה או תיקון? mrkcal@mrkcal.com