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. Este breve tutorial irá explicar a forma de criar um ícone personalizado para exibir sobre o iPhone e / ou iPod touch trampolim para seu Web site.
- 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. Quando um usuário adiciona um trampolim para o seu site, usando o recurso Add to Home Screen, por padrão, o iPhone ou iPod touch irá utilizar uma miniatura da parte visível da página que está sendo exibido no Safari.
- 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). Se quiser que o seu site a ter uma mais simpático ícone aparecer no trampolim quando as pessoas se adicioná-lo, crie uma 57px por 57px PNG ícone, chame-maçã-touch-icon.png, e carregá-lo para a pasta raiz do seu site . Nota: Apple si realmente usar um ícone 129 × 129px, então você pode querer experimentar para ver o que parece melhor para o seu tamanho (ele será ampliado para o padrão iPhone / iPod touch trampolim ícone do tamanho).
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: Se você não tem acesso à pasta raiz do seu site, ou você gostaria de colocar o ícone em qualquer outro local, adicione a seguinte linha para o <head> do seu site:
<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" /> (e de upload do file.png para essa pasta).
- Now when someone adds your site, it will have a nice icon associated with it. Agora, quando alguém adiciona seu site, ele vai ter um ícone bacana a ela associados.
- Done! Feito!
click to enlarge Clique na imagem para ampliar
click to enlarge Clique na imagem para ampliar
{ 1 trackback } (1) trackback
{ 1 comment… read it below or (1 comentário abaixo ou lê-lo ... add one adicionar um } )
How to create a custom iPhone and iPod touch icon for your web site Como criar uma custom iPhone eo iPod touch ícone para seu Web site
I am not sure what you are referring to. Não sei se você se refere. Where is the ROOT? Onde é a RAIZ? and WHAT Site. e que site. On my local computer? No meu computador local? On a website? Em um site? Is this for developers or just for anyone? É esta para colaboradores ou apenas para quem?
Thanks Obrigado
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: Se você não tem acesso à pasta raiz do seu site, ou você gostaria de colocar o ícone em qualquer outro local, adicione a linha seguinte ao do seu site:
(and upload the file.png to that folder). (e de upload do file.png para essa pasta).
Leave a Comment Deixe um comentário