Como criar um icone de atalho para o seu site no iOS
Já pensou em ter um atalho no iOS com o ícone do seu site? Então você pode, pois o processo é simples, e segue os mesmos princípios de colocar um favicon em seu website.
Esse tutorial foi retirado do site BR-Mac.org.
Primeiramente, você deve ter o ícone que deseja utilizar em seu diretório raiz. A imagem pode variar no tamanho, por exemplo, os ícones de atalho para iPhone 4 são de 114×114, para iPad o padrão é 72×72 e 57×57 para os demais iPhones. Porém o iOS consegue facilmente redimensionar ícones maiores, então, o que é recomendado fazer é ter uma imagem um pouco maior, por exemplo, no site da Apple o ícone tem 129×129.
Tendo seu ícone salvo dentro de seu diretório raiz, é hora de incorporá-lo. Utilize-se código a seguir:
<link rel="apple-touch-icon" href="meu-touch-icon-iphone.png" />
Caso você tenha separado com os tamanhos exatos, utilize a propriedade “sizes”, como mostra na opção a seguir:
<link rel="apple-touch-icon" sizes="72x72" href="meu-touch-icon-ipad.png" /> <link rel="apple-touch-icon" sizes="114x114" href="meu-touch-icon-iphone4.png" />
Apartir de agora, toda vez que alguém acessar seu site pelo Safari e clicar na opção “Adicionar à Tela Início”, você terá um ícone personalizado na Dashboard desse usuário.
Imagem: Br-Mac.org - Processo para adiconar atalho na Dashboard
Aproveite e acesse o o encurtador de links da VisualHost vh0.me e adicione em seu iPhone.
