MARKETING ON-LINE

Qual é o tamanho do favicon?

Tamanho do favicon: O tamanho ideal para criar um favicon é 16×16 pixels, que é o tamanho em que eles são exibidos com mais frequência. No entanto, às vezes eles também podem aparecer em dimensões maiores (como 32×32 pixels).

Uma lista (quase) completa de todos os tamanhos de ícones favoritos conhecidos

 

Abaixo está uma lista compilada dos tamanhos de ícones favoritos atualmente conhecidos. Esta lista é baseada na folha de dicas de ícones favoritos. Os acinzentados já foram ícones legados, que ainda podem ser usados, mas não são mais suportados. Devido à idade, estes foram eliminados do projeto favicons.

Tamanhos adicionais de favicon:

Tamanho: 32 × 32
Nome: favicon-32.png
Finalidade: Padrão para a maioria dos navegadores de desktop

Tamanho: 128 × 128
Nome: favicon-128.png
Objetivo: ícone da Chrome Web Store e ícone pequeno da tela estrela do Windows 8*

Tamanho: 152 × 152
Nome: favicon-152.png
Objetivo: ícone de toque do iPad (mudança para iOS 7: de 144×144)

Tamanho: 167 × 167
Nome: favicon-167.png
Objetivo: ícone de toque Retina do iPad (mudança para iOS 10: de 152×152, não em ação. iOS 10 usará 152×152)

Tamanho: 180 × 180
Nome: favicon-180.png
Finalidade: iPhone Retina

Tamanho: 192 × 192
Nome: favicon-192.png
Objetivo: Recomendação do manifesto do aplicativo Web para desenvolvedores do Google

Tamanho: 196 × 196
Nome: favicon-196.png
Objetivo: ícone da tela inicial do Chrome para Android

Tamanho: 57 × 57
Nome: favicon-57.png
Finalidade: Tela inicial padrão do iOS (iPod Touch, iPhone de primeira geração para 3G)

Tamanho: 76 × 76
Nome: favicon-76.png
Objetivo: ícone da tela inicial do iPad

Tamanho: 96 × 96
Nome: favicon-96.png
Objetivo: ícone do GoogleTV

Tamanho: 120 × 120
Nome: favicon-120.png
Objetivo: ícone de toque retina do iPhone (mudança para iOS 7: de 114×114)

Tamanho: 144 × 144
Nome: favicon-144.png
Finalidade: Bloco IE10 Metro para site fixado*

Tamanho: 195 × 195
Nome: favicon-195.png
Objetivo: ícone Opera Speed ​​Dial

Tamanho: 228 × 228
Nome: favicon-228.png
Objetivo: ícone Opera Coast

 

Links Adicionais:

Como fazer um favicon?