Apple מדריך סמל מגע
כאשר מישהו מוסיף את האתר שלך למסך הבית של iOS, Safari משתמש ב-apple-touch-icon - לא ב-favicon.ico. שלח 180×180 PNG (או ריבוע גדול יותר שמצטמצם בצורה נקייה) וקשר אותו ב-<head> שלך.
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 הוא תוסף.