Quais são as dimensões de pixel correto para um-toque-ícone da maçã?

votos
69

Eu não tenho certeza do que o tamanho correto deveria ser.

Muitos sites parecem repetir que o touch-ícone da Apple deve ser pixels 57x57, mas citam um link quebrado como sua fonte.

Hanselman 's e playgroundblues comentários de sugerir tamanhos diferentes, incluindo 163x163 e 60x60.

Própria da Apple ícone apple.com é 129x129!

Ver a minha questão relacionada: Como posso dar aos meus sites um ícone para iPhone?

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


11 respostas

votos
40

Parece que as diretrizes da Apple a partir de 03 agosto de 2010 passaram a incluir as imagens "alta resolução" (para o iPhone 4) em seus tamanhos de ícones "necessária".

Parece que precisamos para fornecer uma imagem de 640x960 título de um 57x57 e uma imagem de 114x114 agora, bem como.

Veja Ícone e imagem personalizada Diretrizes Criação (Javascript required) que faz parte de um documento inteiro:

Respondeu 16/08/2010 em 07:15
fonte usuário

votos
5

A partir do cache do Google da Apple Developer Connection - Web Apps Dev Center - Projetando conteúdo ...

Criar um Web Clip Bookmark Ícone

iPhone e iPod touch permite que um usuário para salvar um clipe marcador da Web para o seu site em sua tela inicial.

Para especificar um ícone de marcador para todas as páginas de um site, coloque uma imagem PNG chamado "apple-touch-icon.png" no diretório raiz do seu servidor web - semelhante ao "favicon.ico" para os ícones do local.

Para substituir o ícone do local marcador em uma página web específica, insira um elemento <link> semelhante ao <rel = "apple-touch-icon" href link = "/ customIcon.png" /> dentro do elemento <head> da página .

O ícone dimensões do marcador deve ser 57x57 pixels. Se o ícone é um tamanho diferente que vai ser dimensionado e cortada para se ajustar.

Safari automaticamente composite o ícone com a sobreposição padrão "vidrados" por isso se parece com um aplicativo embutido no iPhone ou iPod.

Respondeu 07/08/2008 em 00:13
fonte usuário

votos
3

Depende da quantidade de detalhes que você deseja que ele tem, ele precisa ter a proporção de 1: 1 (basicamente - ele precisa ser quadrado)

Eu iria com a Apple próprio 129 * 129

Respondeu 04/08/2008 em 22:36
fonte usuário

votos
2

Como parte de seu Guia de Conteúdo Safari Web, a Apple realmente tem uma página disponível ao público chamado " Especificando um ícone página web para Web Clip " (Javascript required), que abrange todas as resoluções e sua implementação.

Respondeu 22/01/2011 em 13:53
fonte usuário

votos
2

Eu não posso citar uma fonte para esses tamanhos porque a referência oficial está sob bloqueio e chave de ADC.

No entanto, muitos dos sites não-NDA tem os tutoriais sobre como criar os ícones. Por exemplo aqui:

Respondeu 07/08/2008 em 00:06
fonte usuário

votos
1

Especificações da Apple especificar novos tamanhos para iOS7:

  • 60x60
  • 76x76
  • 120x120
  • 152x152

Considerando tamanhos antigos para iOS6 e antes são:

  • 57x57
  • 72x72
  • 114x114
  • 144x144

By the way, ícones pré-compostas estão obsoletos.

Como consequência, a apoiar, mas novos dispositivos (correndo iOS7) e mais velhos (iOS6 e antes), estes 8 fotos deve estar presente e o código genérico é:

<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">    
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">

Além disso, você deve criar uma imagem 152x152 chamadoapple-touch-icon.png .

Você pode querer saber que este gerador de favicon pode gerar todas essas imagens de uma vez. Divulgação completa: Eu sou o autor deste site.

Respondeu 15/01/2014 em 23:04
fonte usuário

votos
1

O tamanho oficial é 57x57. Eu recomendaria usar o tamanho exato simplesmente devido ao fato de que leva menos memória quando carregado (a menos que a Apple armazena a representação escalado). Com isso dito, Rex é certo que qualquer tamanho quadrado irá funcionar

Respondeu 06/08/2008 em 05:10
fonte usuário

votos
0

Você não tem que se preocupar para o tamanho correto mais. Se você tem arquivo artwork itune (ie arquivo de 1024 * 1024 tamanho) do seu ícone, em seguida, eu criei esta aplicação que irá fornecer-lhe todos os ícones com base em informações fornecidas aqui . Obter o aplicativo a partir daqui , e siga as instruções no arquivo leia-me para criar todos os ícones necessários para a aplicação iOS.

Respondeu 20/04/2014 em 21:43
fonte usuário

votos
0

lista atualizada outubro de 2014, iOS8

Lista para iPhone e iPad com e sem retina

<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png"> 

Atualização de 2014 iOS 8:

Para iOS 8 e iPhone 6 Plus

<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png"> 

Iphone 6 usa a mesma imagem de 120 x 120 px como iphone 4 e 5 o resto é o mesmo que para iOS 7

Atualize 2013 iOS7:

Para iOS 7 as resoluções recomendadas mudou:

  • para iPhone Retina de 114 x 114 px para 120 x 120 px
  • para iPad Retina de 144 x 144 px para 152 x 152 px

A outra resolução ainda são os mesmos

  • 57 x 57 px padrão
  • 76 x 76 px para iPads sem retina
Respondeu 12/11/2013 em 17:06
fonte usuário

votos
0

Ligação de NilObject me levou ao grande blog Catchup em seu ícone na makentosh.com

... Claro que tudo isso inconsistência tinha de ser tratada, eventualmente, certo? Bem 2.0 lidou com isso de forma bem! Finalmente 57x57 realmente significou 57x57.

... cada um e cada pixel ... prestados perfeitamente.

Respondeu 07/08/2008 em 00:36
fonte usuário

votos
0

Eu não acho que há um "tamanho correto". Desde que o iPhone realmente está sendo executado OSX, o sistema de renderização ícone é bastante robusto. Enquanto você dar-lhe uma imagem de alta qualidade com a proporção certa e uma resolução de pelo menos tão elevada como a saída real será, o sistema operacional irá downscale muito limpa. Meu site usa um 158x158 e o ícone se parece perfeita de pixels na tela do iPhone.

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

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