How to create a custom iPhone and iPod touch icon for your web site Як створити власний iPhone і IPod Touch значок для вашого веб-сайту

by Ross McKillop on August 11, 2008 Росс McKillop по 11 серпня 2008

Web Design & DeviPhoneIPod

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 Touch трампліном для вашого веб-сайту.

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

  1. 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 Touch використовуватимуть ескіз видимій частині сторінки буде відображатися в Safari.
  2. замовчуванням іконки для сайту iphone і Ipod Touch трампліна
    click to enlarge Збільшити

  3. 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 іконки, назвіть його Apple-Touch-icon.png, і завантажити його в кореневій папці вашого сайту . Примітка: Apple самих фактично використовують 129 × 129px ікона, так що ви можете поекспериментувати, щоб побачити, якого розміру виглядає краще для вашого (він буде масштаб за замовчуванням iPhone / IPod Touch трампліном розмір значка).

    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 до цієї папки).

  4. Now when someone adds your site, it will have a nice icon associated with it. Тепер, коли хтось додає ваш сайт, він буде мати гарний значок пов'язані з нею.
  5. Додавання сайту в iphone і трампліном Touch IPOD
    click to enlarge Збільшити

  6. Done! Готово!
  7. користувальницький значок для simplehelp.net для iphone і Ipod Touch трампліна
    click to enlarge Збільшити

Related Posts: Схожі повідомлення:
  • How to reorder the icons on your iPhone or iPod Touch springboard Як змінити порядок значків на вашому iPhone або IPod Touch трампліна
  • How to customize the music icons (buttons) on your iPhone or iPod Touch Як налаштувати музику іконок (кнопки) на вашому iPhone або IPod Touch
  • How to accurately relocate the cursor in Notes for your iPhone or iPod Touch Як точно перевести курсор в нотатках для вашого iPhone або IPod Touch
  • How to take screenshots of your iPhone or iPod Touch screen Як взяти скріншоти вашого iPhone або IPod Touch екран
  • Screenshot Tour: Crash Bandicoot Nitro Kart 3D for iPhone/iPod Touch Скріншот Tour: Crash Bandicoot Nitro Kart 3D для iPhone / IPod Touch
  • Get Simple Help tutorials just like this one in your email inbox every day - for free! Отримати довідки Прості підручників, як це у вашому поштовому ящику щодня - безкоштовно! Just enter your email address below: Просто введіть свою адресу електронної пошти нижче:

    You can always opt out of this email subscription at any time. Ви завжди можете відмовитися від підписки це повідомлення в будь-який час.

    { 1 trackback } (1) Архів

    iPhone/iPodTouch: Creiamo un'icona personalizzata per il nostro sito web | DelfinsBlog (Guido Arata) iPhone / iPodTouch: Creiamo un'icona personalizzata на Іл ностро Sito Web | DelfinsBlog (Guido Арата)
    08.13.08 at 5:57 am 08.13.08 в 5:57 ранку

    { 3 comments… read them below or (3 Коментарі ... читати їх нижче або add one Додати одну } )

    1 1 Jeffrey 10.08.08 at 7:20 am Джеффрі 10.08.08 о 7:20 ранку

    How to create a custom iPhone and iPod touch icon for your web site Як створити власний iPhone і IPod Touch значок для вашого веб-сайту

    I am not sure what you are referring to. Я не впевнений, що ви маєте на увазі. Where is the ROOT? Де корінь? and WHAT Site. і на якому сайті. On my local computer? На моєму локальному комп'ютері? On a website? На веб-сайті? Is this for developers or just for anyone? Це для розробників, або просто для кого?
    Thanks Спасибо

    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 of your site: Якщо ви не маєте доступу до кореневої теки вашого сайту, або Ви хотіли б помістити значок в іншому місці, додати наступний рядок до вашого сайту:

    (and upload the file.png to that folder). (і завантажити file.png до цієї папки).

    2 2 Nala 11.28.08 at 5:36 pm Гот 11.28.08 в 5:36 вечора

    espera no entendi como busco para anadir simplehelp.com y otros folder y como puedo cambier de fondo y poner juegos sin usar itunes por favor explicame gracias por todo Espera НЕ entendi корисне Busco пункт Анадир Otros simplehelp.com у папки Y корисне PUEDO Cambier де Fondo у poner Juegos гріха USAR ITUNES POR FAVOR explicame Gracias від Todo

    3 3 cep78 06.26.09 at 5:40 am cep78 06.26.09 о 5:40 ранку

    comment instaler cydia sur mon iphone version 3 коментарі Instaler Cydia сюр Пн iphone версія 3

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

    You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> Ви можете використовувати ці HTML теги і атрибути: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q Cite=""> <strike> <strong>