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

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

לפני זה השיק אתר אינטרנט ולהוסיף קובץ גרפיקה, 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 בדף זה.

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

  • קלאסי דמוי אדם = 128 × 128
  • רזולוציה גבוהה ל- Android (Hi-res) = 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.

השאירו תגובה

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