Apple מדריך סמל מגע
כאשר מישהו מוסיף את האתר שלך למסך הבית של iOS, Safari משתמש ב-apple-touch-icon - לא ב-favicon.ico. שלח 180×180 PNG (או ריבוע גדול יותר שמצטמצם בצורה נקייה) וקשר אותו ב-<head> שלך.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
Apple אינו מחיל מיסוך על iOS מודרני עבור קטעי אינטרנט כפי שהוא עושה עבור אפליקציות מקוריות, אבל הסמל שלך עדיין צריך להיות מרובע עם שוליים בטוחים - שמור על סמלי לוגו משובצים ~10% כך שפינות מעוגלות לעולם לא תצלם גרפיקה.
השתמש ב-<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">. קובץ בודד בגודל 180×180 מכסה את כל מכשירי האייפון הנוכחיים; ערכים אופציונליים של 152×152 ו-167×167 עוזרים לפריסות iPad ישנות יותר.
איך זה עובד
- 1
ייצוא 180×180 PNG
ממחולל ה-favicon שלנו או משינוי התמונות שלנו.
- 2
העלה לשורש האתר
/apple-touch-icon.png לצד favicon.ico.
- 3
הוסף את תג הקישור
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> ב-<head>.
נסה עכשיו
צור apple-touch-icon
מחולל פביקוןשאלות נפוצות
מה הגודל apple-touch-icon?+
180×180 פיקסלים עבור מכשירי אייפון נוכחיים. ייצוא מאסטר 512×512 או 1024×1024.
PNG או ICO עבור iOS?+
PNG בלבד. iOS מתעלם מ-.ico עבור סמלי מסך הבית.
האם אני עדיין צריך favicon.ico?+
כן - כרטיסיות ודפדפנים אחרים עדיין משתמשים ב-.ico. Apple-touch-icon הוא תוסף.