Favicon.ico - Ícone do Site in Browser
Antes que lançou um site e adicionar um arquivo gráfico, favicon, que aparece no navegador na barra de endereços. Na maioria das situações, o favicon é uma miniatura do logotipo gráfico ou das iniciais do site. Este favicon é adicionado para ajudar os usuários a identificar um endereço da web em marcadores mais rapidamente.
discrição Settings Favicon no Safari
Favicon no Opera
Até recentemente, este arquivo deve estar no formato "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 </ head>, Seja esta linha:
<Link rel = "shortcut icon" href = "/ images / favicon.ico" type = "image / x-icon" />
Í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 através da abertura de um site em seu iPhone (Safari, Chrome, Internet navegador etc.), clique no quadrado com a seta (o sinal de "share" no iOS), em seguida, a opção "Adicionar à 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 ícones padrão para iPhone, iPad, iPod e Android
- modelos clássicos de iPhone / iPod = 57 57 ×
- iPad = 76 76 ×
- iPhone / iPod Retina × = 120 120
- iPad Retina × = 152 152
- iPhone 6 / 6S Além disso = 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
- Alta resolução do Android (alta resolução) = 192 × 192
Depois fizemos as imagens, subir no servidor web, o HTML do site antes do fechamento </ head>, adicione as seguintes linhas:
<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, o nome do arquivo será "ícone hires.png"E"ícone normal.png"Com rel =" icon ".
Não é absolutamente necessário criar imagens para cada resolução individualmente. Você pode criar uma imagem para a mais alta resolução e dispositivos de baixa resolução irão identificá-la e configurá-la como um ícone.
O ícone de atalho para o site será semelhante a qualquer um aplicações para iOS.
