Favicon.ico - אייקון אתר בדפדפן
לפני זה השיק אתר אינטרנט ולהוסיף קובץ גרפיקה, favicon, להופיע בדפדפן, בשורת הכתובת. ברוב המצבים, ה- 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 =".
אין צורך בהחלט ליצור תמונות לכל רזולוציה. אתה יכול ליצור תמונה ברזולוציה הגבוהה ביותר, והמכשירים עם הרזולוציה הנמוכה יותר יזהו אותה ויקבעו אותה כסמל.
סמל הקיצור לאתר ייראה דומה לכל אחד יישומים עבור iOS.