Como Criar Ícone Personalizado para Seu Site no iPhone

O iPhone representa a maior fatia do tráfego web móvel para a maioria dos webmasters. Por isso, você vai querer facilitar para visitantes do iPhone adicionarem seu site aos favoritos com um ícone personalizado. Se não criar um ícone personalizado, o iPhone criará uma miniatura da sua página inicial, então um gráfico legível será melhor para que usuários reconheçam seu site.

Voltando um passo: o iPhone permite que visitantes adicionem uma página aos favoritos no Safari ou coloquem um ícone na tela inicial como atalho. Quando alguém clica no sinal + na parte inferior central do Safari no iPhone para adicionar um favorito, verá seu ícone personalizado em vez da miniatura.

Aqui está um guia de três passos para criar e postar um ícone específico para iPhone que aparecerá na tela inicial quando visitantes adicionarem seu site aos favoritos e escolherem "Adicionar à Tela Inicial".

Itens Necessários

Seu logotipo em formato quadrado
Software de gráficos
Programa FTP para upload do ícone
Conhecimentos básicos de HTML

Instruções

Prepare o ícone: Se tem um logotipo que pode ser adaptado a um ícone quadrado de 45x45 pixels, redimensione-o usando seu programa de gráficos favorito. Salve em formato PNG e nomeie como "apple-touch-icon.png".
Faça upload: Envie o arquivo "apple-touch-icon.png" para a raiz do seu site usando um programa FTP.
Adicione o código HTML: Insira a seguinte linha na seção <head> das suas páginas:
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />