Як додати іконки веб-сайту для iPhone, IPad і IPod Touch

Favicon.ico - піктограма веб-сайту у браузері

Перед тим як вона запустила веб-сайт і додати графічний файл, favicon, щоб з’явився в браузері, в адресному рядку. У більшості ситуацій значок - це ескіз графічного логотипу або ініціали відповідного веб-сайту. Цей значок додано, щоб допомогти користувачам швидко визначити веб-адресу в закладках.

Хитрість Settings Favicon

Хитрість Settings Фавікон в Сафарі

Favicon в Opera

Favicon в Opera

До недавнього часу цей файл повинен був бути у формі "favicon.ico", Для ідентифікації веб-браузером. Chrome, Інтернет Explorer, Opera, Safari, Firefox тощо.
Протягом декількох років, з просування нових веб-мов, HTML5 si CSS3, Favicons може бути .png файл або . Jpg, Умовою є те, що заголовок сайту, раніше, Будь цей рядок:

Значок веб-сайту для iOS - iPhone, iPad та iPod Touch

In Ios ми можемо додати ярликів веб-сторінок pe головний екранКТК iPhone, IPad si Ipod Touch.

Як додати сайт ярлик на iPhone, IPad і IPod Головний екран

Ми робимо це, відкриваючи веб-сторінку на iPhone (Safari, Chrome та ін. Інтернет-браузер), клацаючи по квадратику зі стрілкою (знак «поділитися» в iOS), потім опціюДодати на головний екран».

Якщо веб-сайт встановив фавіконки для вашого браузера, але не встановлено Система IOS пристроїв сайти конкретних значок, Екран з'явиться значок, що складається з попередній перегляд зображень веб-сторінки.

Як додати веб-іконки для iPhone, IPad і Android.

Першим кроком є створити іконку зображенняЯкі з'являються на головний екранКПК читання компакт-дисків спільноти. Для веб-ікони сумісні на всіх пристроях і ясно бачити, ми повинні створити образ для всіх дозволів iPhone і IPad.

Стандартні роздільні здатності та розміри піктограм для iPhone, iPad, iPod та Android

  • Класичні моделі iPhone / iPod = 57 × 57
  • iPad = 76 × 76
  • iPhone / iPod Retina = 120 × 120
  • iPad Retina = 152 × 152
  • iPhone 6 / 6S Plus = 180 × 180

Apple регулярно оновлюється Рекомендований розмір значкаСайтів додатків si веб-сторінки pe На цій сторінці.

Для пристроїв Android, значки два аспекти:

  • Класичний Android = 128 × 128
  • Android з високою роздільною здатністю (hi-res) = 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 Іконка Веб-сайт

Піктограма ярлика веб-сайту буде виглядати схожою на будь-яку додатки для прошивкою.

Як додати іконки веб-сайту для iPhone, IPad і IPod Touch

Про автора

Хитрість

Захоплений усім гаджетом та ІТ, я із задоволенням пишу на стелсsettings.com з 2006 року, і я хотів би відкрити з вами нові речі про комп’ютери та операційні системи macOS, Linux, Windows, iOS та Android.

Залишити коментар