ה סמל מגע של אפל , הידוע גם כקובץ apple-touch-icon.webp, משמש כסמל של דף אינטרנט ב-Apple iPhone, iPod Touch ו-iPad, בדומה ל-Favicon. סמל זה משמש בכל פעם שמשתמש מסמן או מוסיף אתר למסך הבית שלו. מוצרי אפל אלה נופלים בחזרה לתמונת מצב של האתר, שלעיתים קרובות הוא מעט יותר מריבוע לבן אם לא ניתן לאתר את הקובץ הזה.
אלא אם המיקום מסופק ב-HTML , קובץ זה צריך להיות a.webp עם ממדים 57 על 57 ולהיות ממוקם בספריית הבית. המחשה של האופן שבו תג זה עשוי להיראות ב-HTML שלך מוצג להלן.
|_+_|איך ליצור את סמל Apple Touch של אתר רספונסיבי?
סמל Apple Touch משמש כאשר צרכן שומר את שלך אתר אינטרנט למסך הבית של מכשיר מסך המגע של iOS או מסמן אותו. אפל תשתמש בצילום מסך של האתר שלך כסמל אם לא תציין אחד, מה שגורם לעתים קרובות לריבוע בלתי ניתן לזיהוי. אנו נראה לך כיצד לפתח סמל Apple Touch ייחודי עבור אתר האינטרנט הידידותי למשתמש שלך, כך שלא תאלץ את הלקוחות שלך לראות סמל אפל נמוך יותר.
צור אייקון של Apple Touch
ה-Apple Touch Icon שלך חייב להיעשות בפוטושופ או בעורך תמונות אחר בשלב הראשוני. יש לשמור את הקובץ בתור 'apple-touch-icon.webp' וגודלו צריך להיות 180 על 180 פיקסלים.
הוסף את קובץ הסמל של Apple Touch של האתר שלך.
השלב הבא הוא להעלות את מסמך Apple Touch Icon לאתר האינטרנט שלך. אתה יכול לשים אותו בכל מקום שתרצה, עם זאת, אנו ממליצים לאחסן אותו בתיקיית התמונות הראשית שלך. בשל העובדה שאנו נשתמש בו בשלב הבא, עקוב אחר היכן אחסנת את הקובץ שלך.
על ידי שימוש ברכיב קישור, הגדר את סמל Apple Touch שלך.
stlc
השלב האחרון הוא לזהות ולתת שם לסמל Apple Touch העדכני ביותר שלך ברכיב קישור שאתה מוסיף לאלמנט HEAD של הדף שלך.