Como posso dar aos meus sites um ícone para iPhone?

votos
24

Como faço para definir o ícone que aparece no iPhone para os sites que eu crio?

Publicado 04/08/2008 em 20:02
fonte usuário
Em outras línguas...                            


5 respostas

votos
8

E por uma questão de exaustividade, um link para postagem de Scott Hanselman, que contém algumas dicas adicionais, bem como:

Adicionar Home Screen iPhone Icons e ajustar a ViewPort

Respondeu 04/08/2008 em 20:06
fonte usuário

votos
5

A partir do Apple Developer Connection Safari Web Guia de Conteúdo para iPhone página Especificar um ícone página web para Web Clip ...

O usuário pode adicionar um aplicativo web ou link página web à tela inicial. Esses links, representados por um ícone, são chamados web clips. Siga estes passos simples para especificar um ícone para representar a sua aplicação web ou página da web no iPhone.

Para especificar um ícone para o site inteiro (todas as páginas do website), coloque um arquivo de ícone em formato PNG na pasta de documentos raiz chamado apple-touch-icon.png.

Para especificar um ícone para uma única página, ou substituir o ícone de site com um ícone específico do webpage, adicionar um elemento de link para a página da Web como em:

<link rel="apple-touch-icon" href="/custom_icon.png"/>

No exemplo acima, substitua custom_icon.png com o seu ícone de nome de arquivo.

Consulte "Criar um ícone para sua aplicação web ou página Web" no iPhone Human Interface Guidelines no iPhone Human Interface Guidelines para o ícone de página web métricas.

Nota: O recurso web clip está disponível no iPhone 1.1.3 e posterior.

Respondeu 04/08/2008 em 20:04
fonte usuário

votos
4

Veja a especificação de um ícone página web para Web Clip seção do Aplicações Web Configurar página do Guia de Conteúdo Safari Web na Biblioteca de Referência Safari ...

Especificando um ícone página web para Web Clip

iPhone OS Nota: O recurso Web Clip está disponível no iPhone OS 1.1.3 e posterior. O apple-touch-icon-precomposed.png nome do arquivo está disponível no iPhone OS 2.0 e posterior.

Você pode querer que os usuários sejam capazes de adicionar seu aplicativo web ou link página web à tela inicial. Esses links, representados por um ícone, são chamados de Web Clips. Siga estes passos simples para especificar um ícone para representar a sua aplicação web ou página da web no iPhone OS.

  • Para especificar um ícone para o site inteiro (todas as páginas do website), coloque um arquivo de ícone em formato PNG na pasta de documentos raiz chamada apple-touch-icon.pngou apple-touch-icon-precomposed.png. Se você usar apple-touch-icon-precomposed.pngcomo o nome do arquivo, o Safari no iPhone OS não vai acrescentar quaisquer efeitos para o ícone.

  • Para especificar um ícone para uma única página ou substituir o ícone de site com um ícone específico do webpage, adicionar um elemento de link para a página da web, como em:
    <link rel="apple-touch-icon" href="/custom_icon.png"/>
    No exemplo acima, substitua custom_icon.pngcom o seu ícone de nome de arquivo. Se você não quiser que o Safari no iPhone OS para adicionar quaisquer efeitos para o ícone, substitua apple-touch-iconcom apple-touch-icon-precomposed.

Veja "Criar um ícone para sua aplicação web ou página Web" no iPhone Human Interface Guidelines for Web Applications para o ícone de página web métricas.

Respondeu 17/08/2010 em 22:24
fonte usuário

votos
2

Adicione esta na sua seção de cabeça:<link rel="icon" href="/your-icon-url"/>

Respondeu 07/06/2017 em 12:32
fonte usuário

votos
1

Eu fiz uma sugestão de que Stack Overflow implementar um-toque-ícone da Apple:

Adicionar um toque no ícone de maçã para o Safari no iPhone

Respondeu 04/08/2008 em 20:13
fonte usuário

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more