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.
favicon Stealth Settings no Safari
Favicon no Opera
Até recentemente, este arquivo deve estar no formato "favicon.ico"Para 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.
