screenshot_iphone

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

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

Publicado por

Danilo Iannone

Desenvolvedor a mais de 7 anos, faço trabalhos freelancer criando sites, e-commerce, blogs e portais utilizando as tecnologias PHP, MySQL, Wordpress, jQuery e me aventurando no CakePHP

  • 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!