Favicon.ico - Ícone do site no navegador
Antes que lançou um site e adicionar um arquivo gráfico, favicon, para aparecer no navegador, na barra de endereço. Na maioria das situações, o favicon é uma miniatura do logotipo gráfico ou as iniciais do respectivo site. Este favicon é adicionado para ajudar os usuários a identificar rapidamente um endereço da web nos favoritos.
discrição Settings Favicon no Safari
Favicon no Opera
Até recentemente, este arquivo tinha que estar em forma "favicon.ico", A ser identificado pelo navegador da web. Chrome, Internet Explorer, Opera, Safari, Firefox, etc.
Durante vários anos, com o avanço de novas linguagens web, HTML5 si CSS3, Pode ser um Favicons .png ou . Jpg. A condição é que o cabeçalho do site, antes, Seja esta linha:
Ícone do site para iOS - iPhone, iPad e iPod Touch
In iOS podemos adicionar atalhos página Web pe Home ScreenCPC iPhone, iPad si iPod touch.
Como adicionar um atalho site no iPhone, iPad e iPod Home Screen
Fazemos isso abrindo uma página da web no iPhone (Safari, Chrome, navegador de internet etc.), clicando no quadrado com a seta (o sinal de "compartilhar" no iOS) e, em seguida, na opçãoAdicionar à tela inicial".
Se o site não definiu favicon para o seu navegador, mas não definida sites de ícone específico de dispositivos iOS, A tela aparece um ícone que consiste numa visualização da imagem A página web.
Como adicionar ícones web para o iPhone, iPad e Android.
O primeiro passo é a criar um ícone de imagemQue aparecem em Home ScreenCPC comunidade idevice. Para ícone web é compatível com todos os dispositivos e ver claramente, devemos criar uma imagem para todas as resoluções para iPhone e iPad.
Resoluções e tamanhos de ícone padrão para iPhone, iPad, iPod e Android
- Modelos clássicos de iPhone / iPod = 57 × 57
- iPad = 76 × 76
- iPhone / iPod Retina = 120 × 120
- Retina iPad = 152 × 152
- iPhone 6 / 6S Plus = 180 × 180
Apple atualizados regularmente tamanho do ícone recomendadoURLs aplicações si páginas da web pe Nesta página.
Para os dispositivos Android, os ícones são duas dimensões:
- Android clássico = 128 × 128
- Android com alta resolução (alta resolução) = 192 × 192
Depois de feitas as imagens, elas são carregadas no servidor web, e no código-fonte HTML do site, antes de fechar , as seguintes linhas são adicionadas:
<link href="/apple-touch-icon.png" rel="apple-touch-icon" /> <link href="/apple-touch-icon-76x76.png" rel="apple-touch-icon" sizes="76x76" /> <link href="/apple-touch-icon-120x120.png" rel="apple-touch-icon" sizes="120x120" /> <link href="/apple-touch-icon-152x152.png" rel="apple-touch-icon" sizes="152x152" /> <link href="/apple-touch-icon-180x180.png" rel="apple-touch-icon" sizes="180x180" /> <link href="/icon-hires.png" rel="icon" sizes="192x192" /> <link href="/icon-normal.png" rel="icon" sizes="128x128" />
Para dispositivos Apple, O nome da imagem .PNG e "rel =" devem conter o prefixo "apple- ". Para Android, os nomes dos arquivos serão "ícone hires.png"E"ícone normal.png”Com rel =” ícone ”.
Não é absolutamente necessário criar imagens para cada resolução. Você pode fazer uma imagem com a resolução mais alta e os dispositivos com resolução mais baixa irão identificá-la e defini-la como um ícone.
O ícone de atalho para o site será semelhante a qualquer aplicações para iOS.
