כיצד להוסיף סמלי אתר עבור iPhone, iPad ו- iPod Touch

Favicon.ico - אייקון אתר בדפדפן

לפני זה השיק אתר אינטרנט ולהוסיף קובץ גרפיקה, favicon, להופיע בדפדפן, בשורת הכתובת. ברוב המצבים, ה- Favicon הוא תמונה ממוזערת של הלוגו הגרפי או את ראשי התיבות של האתר המתאים. Favicon זה נוסף כדי לסייע למשתמשים בזיהוי מהיר של כתובת אינטרנט בסימניות.

התגנבות Settings Favicon

התגנבות Settings פייביקון בספארי

Favicon באופרה

Favicon באופרה

עד לאחרונה, הקובץ הזה היה צריך להיות בכושר "favicon.ico", לזיהוי על ידי דפדפן האינטרנט. כרום, אינטרנט Explorer, אופרה, ספארי, פיירפוקס וכו '.
במשך כמה שנים, עם קידום בשפות אינטרנט חדש, HTML5 si CSS3, פאביקונים יכול להיות קובץ .png או . Jpg. התנאי הוא כי הכותרת של האתר, לפני, להיות הקו הזה:

אייקון אתר ל- iOS - אייפון, אייפד ואייפוד טאץ '

In iOS אנחנו יכולים להוסיף קיצורי דרך לדפי אינטרנט pe מסך הביתלקליק iPhone, iPad si ה- iPod Touch.

כיצד להוסיף קיצור דרך האינטרנט על iPhone, iPad ו- iPod מסך הבית

אנו עושים זאת על ידי פתיחת דף אינטרנט באייפון (ספארי, כרום וכו '), לחיצה על הריבוע עם החץ (הסימן ל"שיתוף "ב- iOS) ואז אפשרותהוסף למסך דף הבית

אם האתר הגדיר favicon עבור הדפדפן שלך, אך לא קבע אתרי סמל ספציפי מכשיר iOS, המסך יופיע סמל מורכב תצוגה מקדימה של תמונה דף אינטרנט.

כיצד להוסיף סמלי אינטרנט עבור iPhone, iPad ו- Android.

הצעד הראשון הוא ליצור סמל תמונההמופיע על מסך הביתקהילת iDevice לקליק. לקבלת סמל אינטרנט תואם על כל המכשירים ולראות בבירור, עלינו ליצור תמונה עבור כל החלטות iPhone ו- iPad.

רזולוציות וגדלים סטנדרטיים של אייקונים לאייפון, אייפד, אייפוד ואנדרואיד

  • דגמי אייפון / אייפוד קלאסיים = 57 × 57
  • אייפד = 76 × 76
  • רשתית iPhone / iPod = 120 × 120
  • רשתית iPad = 152 × 152
  • אייפון 6 / 6S פלוס = 180 × 180

Apple מתעדכן באופן שוטף גודל סמל מומלץכתובות יישומים si דפי אינטרנט pe בדף זה.

עבור אנדרואיד התקנים, הסמלים הם שני ממדים:

  • אנדרואיד קלאסי = 128 × 128
  • אנדרואיד ברזולוציה גבוהה (רזולוציה גבוהה) = 192 × 192

סמלים

לאחר שביצענו את התמונות, הן מועלות לשרת האינטרנט ובמקור ה- HTML של האתר, לפני סגירתו , מתווספות השורות הבאות:

<link href="/apple-touch-icon.png" rel="apple-touch-icon" /> <link href="/apple-touch-icon-76x76.png" rel="apple-touch-icon" sizes="76x76" /> <link href="/apple-touch-icon-120x120.png" rel="apple-touch-icon" sizes="120x120" /> <link href="/apple-touch-icon-152x152.png" rel="apple-touch-icon" sizes="152x152" /> <link href="/apple-touch-icon-180x180.png" rel="apple-touch-icon" sizes="180x180" /> <link href="/icon-hires.png" rel="icon" sizes="192x192" /> <link href="/icon-normal.png" rel="icon" sizes="128x128" />

למכשירים Apple, שם התמונה .PNG ו- "rel =" חייבים להכיל את הקידומת "apple- ". עבור Android, שמות הקבצים יהיו "סמל hires.png"ו"סמל normal.png"עם סמל rel =".

אין צורך בהחלט ליצור תמונות לכל רזולוציה. אתה יכול ליצור תמונה ברזולוציה הגבוהה ביותר, והמכשירים עם הרזולוציה הנמוכה יותר יזהו אותה ויקבעו אותה כסמל.

אתר אייקון iPhone

סמל הקיצור לאתר ייראה דומה לכל אחד יישומים עבור iOS.

כיצד להוסיף סמלי אתר עבור iPhone, iPad ו- iPod Touch

על הסופר

התגנבות

נלהב מכל דבר גאדג'ט ו- IT, אני כותב בהנאה על התגנבותsettings.com מאז 2006 ואני רוצה לגלות איתך דברים חדשים על מחשבים ומערכות הפעלה macOS, Linux, Windows, iOS ואנדרואיד.

השאירו תגובה