iPhone & iPad

Как создать кастомную иконку сайта для iPhone/iPad

4
100

Хотите создать кастомную иконку своего сайта, которая будет появляться на экране iPhone, iPod touch и iPad по команде Safari “Добавить в Домой”? Посетители охотно добавляют сайт с правильной иконкой на спринборд своего iГаджета.

Делается это очень просто. Так как Apple расширила линейку своих продуктов планшетом iPad и iPhone 4 с дисплеем Retina для иконки желательно выбрать качественное изображение:

  • Создайте небольшое изображение в формате PNG размером 120 x 120 px. Такая иконка будет выглядеть одинаково хорошо на iPod touch, iPad и iPhone 4.
  • Вам не придется закруглять углы и добавлять блики – Apple сделает это автоматически!

    Вот, как выглядит иконка Digger.ru, оптимизированная для iPhone, iPod touch и iPad.

  • После создания картинки сохраните ее под именем “apple-touch-icon.png”
  • Загрузите файл через FTP в корневую папку веб-сайта так, чтобы иконка открывалась по ссылке “http://www.вашсайт.ru/apple-touch-icon.png”
  • Это все!

Теперь, когда посетитель откроет ваш сайт в Safari на iPhone, iPod touch или iPad и щелкнет “Добавить в Домой”, на спринборде iOS-устройства появится ваш графический значок! Для сайтов без иконки, Apple создает произвольное изображение на основе скриншота первой страницы. Конечно, красивая иконка – всего лишь элемент интерфейса, но тем не менее может улучшить впечатление о сайте и повысить лояльность ваших посетителей.

4 комментария

  • Знает кто, где и в каком виде эти самые "Отправить в Домой" находятся в самом аппарате? Заранее спасибо 7 лет назад
    • Когда заходишь через сафари на страницу нажми стрелочку вверх (клавиша по середине снизу) и там будет в выпадающем списке "На экран "Домой"". 5 лет назад
  • k

    kerubinno 7 лет назад
    0
    А как сделать, что бы иконка автоматически появлялась по проишествии пару секунд, как на Яндекс например? 7 лет назад
  • Ни фига не работает этот способ! Картинка по примеру открывается, а на рабочий стол гаджета все равно отправляется ярлык по умолчанию 3 года назад

Написать комментарий