Criar ícone para seu site no iPhone, iPad, iPod e outros iGadgets

Danilo Iannone 22/09/2011 2

Estava fazendo um App para os aparelhos com iOS e precisava criar um ícone para quando o usuário clicasse em “Adicionar a tela início” no seu iPhone, iPod, iPad e qualquer outro aparelho que rode o iOS.

E fazer isso é muito rápido e fácil, inclua esse código no header do seu html e pronto.

o iOS se encarrega de redimensionar e deixar o visual web 2.0 no seu ícone, fazendo aquela sombrinha nele :)

Agora, se você quiser redimensionar as imagens manualmente, utilize esse código:

Ahh, uma outra dica bacana, se você não quiser usar os efeitos no ícone só colocar no arquivo o precomposed, veja:

Segue um Screenshot (saiba como aqui) da tela de como ficará seu ícone customizado, fiz isso no ícone dos sites De Bem com o Planeta e I Love BT

  • Charlie

    Tentei fazer isso no blogspot pegando a imagem do picasa mas não deu certo, o que posso fazer?
    Eu preciso disso com urgência para um projeto de TCC

    • http://danilowm.com Danilo Iannone

      Infelizmente não vou saber lhe informar o porque não funciona, as vezes até por limitação do próprio blogspot, faça em um servidor próprio que garanto que irá funcionar!