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.
Até recentemente, este arquivo tinha que estar em forma "favicon.ico", a ser identificado pelo navegador da web. Chrome, Internet Explorer, Ópera, Safari, Raposa de fogo, 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 para um site em iPhone, tela inicial do iPad e iPod
Fazemos isso abrindo uma página da web em iPhone (Safari, navegador de internet Chrome, etc), clique no quadrado com a seta (sinal de "compartilhar" no iOS), depois na opção "Add para a 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 da web para 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 de iPhone e iPad.
As resoluções e tamanhos padrão dos ícones para iPhone, iPad, iPod e Android
- Modelele clássico de iPhone / iPod = 57 × 57
- iPad = 76x76
- iPhone / iPod Retina = 120 × 120
- Retina do 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:
<linkhref=”/apple-touch-icon.png ”rel =”apple-tocar no ícone ”/> <linkhref=”/apple-touch-icon-76 × 76.png ”rel =”apple-Toque no ícone ”tamanhos =” 76 × 76 ″ /> <linkhref=”/apple-touch-icon-120 × 120.png ”rel =”apple-Toque no ícone ”tamanhos =” 120 × 120 ″ /> <linkhref=”/apple-touch-icon-152 × 152.png ”rel =”apple-Toque no ícone ”tamanhos =” 152 × 152 ″ /> <linkhref=”/apple-touch-icon-180 × 180.png ”rel =”apple-Toque no ícone ”tamanhos =” 180 × 180 ″ />
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.