>> Tecnologia eletrônica >  >> Celulares e Acessórios Celulares >> iPhones

Como criar um logotipo personalizado iPhone ícone do seu Web Site

O iPhone representa a maior fatia de tráfego na web móvel para a maioria webmaster. Então você vai querer para tornar mais fácil para os visitantes do iPhone para o seu site favorito com um ícone personalizado iPhone. Se você não criar um ícone personalizado , o iPhone vai criar uma pequena imagem do seu home page em vez disso, para que um gráfico legível agradável será melhor se você quiser que os usuários a reconhecer o seu site.

Vamos voltar um passo para aqueles de vocês sem iPhones vai saber por que isso importa. O iPhone permite que os visitantes do site para marcar uma página ou adicionando-o aos favoritos no navegador Safari, ou colocando um ícone na tela inicial que irá funcionar como um atalho para o seu site. Quando alguém clica em um sinal de + na parte central inferior do seu navegador iPhone Safari para marcar uma página em seu iphone, eles vão ver o seu ícone personalizado em vez de a imagem em miniatura de sua página. Aqui está o que parece que no iPhone quando a adição de um marcador

Aqui está a três passos " . Como " sobre a criação e publicação de um indicador específico iphone que aparecerá na tela inicial do iPhone quando os visitantes seu site favorito e escolha " Adicionar à tela inicial " das opções dos favoritos apresentados pelo iphone
. Coisas que você precisa
seu Logo no formato quadrado Software Gráficos
Programa
FTP
para Carregar Ícone
habilidades HTML básico

Instruções
1

Aqui está o que o ícone de marcador WebSite101 parecia quando eu deixar o meu iPhone criá-lo para mim. Não é visualmente atraente e não vai ajudar ninguém se lembrar do que eles marcaram . Se você tem um logotipo existente que pode ser adaptada a um ícone de pixel quadrado 45X45 , simplesmente re -size o logotipo para se ajustar ao pequeno formato quadrado usando seu programa gráfico favorito . Eu fiz o meu tomando um ícone Twitter existente criada para WebSite101 e reduzir o tamanho de 73 pixels quadrado para os necessários 45 pixels.
2

Aqui está o meu logotipo adaptadas para o formato quadrado exigido de ícones do iPhone . (Eu adicionei um esboço para que você possa ver as bordas contra o fundo branco aqui. ) Salve o gráfico no formato PNG e nomeie-o " apple- touch- icon.png " e carregar esse gráfico para a raiz do seu site usando um programa de FTP. O logotipo personalizado à esquerda é muito mais propensos a ajudar os visitantes a se lembrar do site eo que eles marcaram .
3

Agora que você já enviou o gráfico que representa o seu site , como você começa o iphone para a reconhecer e utilizar a sua nova versão , em vez de essa pequena tela ? Adicione a seguinte linha de código para o & lt; head> seção de suas páginas

& lt . ; link rel = " apple -touch -icon " href = " /apple-touch-icon.png" />