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

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

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

favicon הגדרות התגנבות

favicon הגדרות התגנבות ב- Safari

Favicon באופרה

Favicon באופרה

עד לאחרונה, הקובץ אמור להיות מהצורה "favicon.ico"כדי להיות מזוהה על ידי דפדפן האינטרנט. Chrome, Internet Explorer, Opera, Safari, Firefox וכו '
במשך כמה שנים, עם קידום בשפות אינטרנט חדש, HTML5 si CSS3, פאביקונים יכול להיות קובץ .png או . Jpg. התנאי הוא כי הכותרת של האתר, לפני </ head>, להיות הקו הזה:

<Link rel = "קיצור סמל" href = "/ images / favicon.ico" type = "image / x-icon" />

אייקון אתר עבור iOS - iPhone, iPad ו- iPod Touch

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

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

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

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

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

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

החלטות ו גדלים סטנדרטיים של סמלים עבור iPhone, iPad, iPod ו- Android

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

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

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

  • קלאסי × Android = 128 128
  • ברזולוציה גבוהה (Hi-res) Android = 192 192 ×

סמלים

אחרי שעשינו את התמונות, לטפס על שרת האינטרנט, מקור ה- HTML של האתר לפני הסגירה </ head>, להוסיף את השורות הבאות:

<link href = "/ apple-touch-icon.png" rel = "apple-touch-icon" /> <Link href = "/ תפוח-touch-icon-76x76.png" rel = "Apple-touch-icon" בגדלים = "76x76" /> <Link href = "/ תפוח-touch-icon-120x120.png" rel = "Apple-touch-icon" בגדלים = "120x120" /> <Link href = "/ תפוח-touch-icon-152x152.png" rel = "Apple-touch-icon" בגדלים = "152x152" /> <Link href = "/ תפוח-touch-icon-180x180.png" rel = "Apple-touch-icon" בגדלים = "180x180" /> <link href = "/ icon-hires.png" rel = "icon" size = "192x192" /> <link href = "/ icon-normal.png" rel = "icon" sizes = "128x128" />

עבור המכשירים האפלים, ושם תמונה בפורמט PNG "rel =" חייב לכלול את הקידומת "תפוח". עבור אנדרואיד, שם הקובץ יהיה "סמל hires.png"וגם"סמל normal.png"עם rel =" סמל ".

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

אתר אייקון iPhone

הסמל של הקיצור ייראה האינטרנט של כל יישומים עבור iOS.

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

על הסופר

התגנבות

תשוקה על כל דבר כלומר גאדג 'טים ו- IT, אני כותב עם stealthsettings הנאה מ 2006 ואני אוהב לגלות איתך דברים חדשים על מחשבים ומערכות הפעלה macOS, לינוקס, Windows, iOS ו- Android.

השאירו תגובה