כיצד להוסיף אייקונים לאתר iPhone, iPad ו-iPod Touch

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

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

Stealth Settings Favicon
Stealth Settings Favicon ב Safari
Favicon באופרה
Favicon באופרה

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

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

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

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

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

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

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

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

רזולוציות וגדלי סמלים סטנדרטיים עבור iPhone, iPad, iPod ואנדרואיד

  • Modelele קלאסי של iPhone / iPod = 57 × 57
  • אייפד = 76×76
  • iPhone / רשתית iPod = 120 × 120
  • iPad Retina = 152×152
  • iPhone 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-76 × 76.png ”rel =”apple-touch-icon ”גדלים =” 76 × 76 ″ /> <link href="/apple-touch-icon-120 × 120.png ”rel =”apple-touch-icon ”גדלים =” 120 × 120 ″ /> <link href="/apple-touch-icon-152 × 152.png ”rel =”apple-touch-icon ”גדלים =” 152 × 152 ″ /> <link href="/apple-touch-icon-180 × 180.png ”rel =”apple-touch-icon ”גדלים =” 180 × 180 ″ />

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

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

iPhone-אתר אינטרנט-אייקון

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

כחובב טכנולוגיה, אני כותב בשמחה ב- StealthSettings.com מאז 2006. יש לי ניסיון עשיר במערכות הפעלה: macOS, Windows, ו- Linux, וגם בשפות תכנות ופלטפורמות בלוגינג (WordPress) ולסוחרת אלקטרונית (WooCommerce, Magento, PrestaShop).

איך » iHowTo » iHowTo - iOS » כיצד להוסיף אייקונים לאתר iPhone, iPad ו-iPod Touch
השאירו תגובה