מחולל favicon
הפכו תמונה אחת לערכת favicon מלאה בכל הג גדלים הנפוצים, לצד קטע HTML מוכן להדבקה. הכול בדפדפן.
גררו תמונה לכאן
או
איך ליצור ערכת favicon
- גררו תמונה אחת לאזור ההעלאה, או לחצו כדי לבחור אותה מהמכשיר.
- הכלי הופך את התמונה לריבוע וממרכז אותה, ואז מרנדר כל גודל favicon נפוץ.
- הורידו כל קובץ PNG בנפרד או השתמשו ב'הורדת הכול' כדי להוריד את כל הסט.
- העתיקו את קטע ה-HTML אל תגית head באתר שלכם.
שאלות נפוצות
האם התמונה שלי מועלת לשרת?
לא. ה-favicon נוצרים לחלוטין בדפדפן באמצעות Canvas API, כך שהתמונה שלכם אף פעם לא עוזבת את המכשיר.
אילו גדלים הגנרטור מפיק?
הוא מפיק קובצי PNG בגדלים 16x16, 32x32, 48x48, 180x180 (apple-touch-icon), 192x192 ו-512x512 — הגדלים הנפוצים ביותר שדפדפנים מודרניים מבקשים.
מה קורה אם התמונה שלי אינה ריבועית?
התמונה מוקטנת כך שתתאים לקנבס ריבועי וממורכזת, עם שטח שקוף בצדדים, כך שהתוצאה עדיין מתאימה לשימוש כסמל.
האם השימוש בכלי חינמי?
כן. כל כלי Handio חינמי, ללא הרשמה, ללא הגבלות וללא סימני מים.
כלים קשורים
למה ליצור סט favicon?
דפדפנים מבקשים favicon בגדלים שונים עבור כרטיסיות, סימניות ומסכי בית. סט מלא גורם לאתר להיראות חד בכל מקום, במקום מטושטש בגלל תמונה יחידה ששונתה גודלה.
- כסו כל גודל שדפדפן עשוי לבקש, מכרטיסיות בגודל 16px ועד סמלים בגודל 512px.
- ספקו את apple-touch-icon המשמש במסכי הבית של iOS.
- קבלו את סימון ה-HTML המדויק להדבקה ב-head של האתר.
טיפים ומגבלות
התחילו מתמונה פשוטה ובעלת ניגודיות גבוהה, מכיוון שפרטים עדינים הולכים לאיבוד בגודל 16px. פלט PNG שומר על שקיפות, וה-apple-touch-icon בגודל 180px צריך להיות צורה מלאה ללא קצוות שקופים. הכול פועל מקומית בדפדפן שלכם.