Как создать пользовательский iPhone и iPod коснуться значок для вашего веб-сайта

by Ross McKillop on August 11, 2008 по Росс McKillop по 11 Августа 2008

This brief tutorial will explain out how to create a custom icon to display on the iPhone and/or iPod touch springboard for your web site. Это краткое руководство объяснит, как создать собственный значок для отображения на iPhone и / или iPod коснуться трамплином для вашего веб-сайта.

пользовательские иконки для сайта simplehelp.net на iphone трамплина

When a user adds a site to their springboard by using the Add to Home Screen feature, by default, the iPhone or iPod touch will use a thumbnail of the visible part of the page being displayed in Safari. Когда пользователь добавляет сайт, чтобы их трамплин с помощью Добавить в Главная функция экрана, по умолчанию, iPhone или iPod коснуться будет использовать миниатюры из видимой части страницы, что отображается в Safari.

click to enlarge Нажмите, чтобы увеличить

If you’d like your site to have a much nicer icon appear on the springboard when people add it, create a 57px by 57px PNG icon, name it apple-touch-icon.png , and upload it to the root folder of your site. Note: Apple themselves actually use a 129×129px icon, so you may want to experiment to see what size looks best for yours (it will scale to the default iPhone/iPod touch springboard icon size). Если вы хотите, чтобы ваш сайт имеет гораздо приятнее иконка появляется на трамплин, когда люди добавить его, создать 57px 57px PNG на значок, имя ей яблоко-контакт-icon.png, и загрузить его в корневой папке вашего сайта . Примечание: Apple сами собираетесь использовать 129 × 129px икона, так что вы можете экспериментировать, чтобы узнать, что размер выглядит лучше всего для вашего (он будет масштаба по умолчанию iPhone / iPod коснуться трамплина размер значка).
If you don’t have access to the root folder of your site, or you’d like to put the icon elsewhere, add the following line to the <head> of your site: Если у вас нет доступа к корневой папке вашего сайта, или вы хотите поставить значок в другом месте, добавьте следующую строку в <head> вашего сайта:
<link rel="apple-touch-icon" href="/path/to/file.png" /> (and upload the file.png to that folder). <link rel="apple-touch-icon" href="/path/to/file.png" /> (и скачать file.png к этой папке).
Now when someone adds your site, it will have a nice icon associated with it. Теперь, когда кто-то добавляет свой сайт, она будет иметь красивый значок, связанные с ней.