Manual:$wgAppleTouchIcon/pt-br

Detalhes
Os dispositivos da Apple (iPhone, iPod Touch e iPad) têm a capacidade de exibir um ícone quando você salva um favorito na tela inicial do Safari. Isso é bastante semelhante à variável favicon, mas com tamanhos maiores (57x57, 72x72, 114x114 e 144x144 pixels, dependendo do dispositivo).

O Guia de Conteúdo do Safari recomenda colocar um arquivo chamado "apple-touch-icon.png" no diretório raiz de documentos do seu site; use "apple-touch-icon-precomposed.png" para evitar os cantos arredondados criados pelo iOS e o efeito brilho lustroso para o seu ícone.

No entanto, se por algum motivo você quiser usar um ícone personalizado, você pode usar o seguinte formato:

Isto produz uma tag na saída de cabeçalho do HTML:

Como $wgAppleTouchIcon é definida como false por padrão, o MediaWiki não irá gerar o link, e o navegador tentará carregar "/apple-touch-icon.png". Se ela também não existe, uma miniatura da página é utilizada e que não é muito atraente.

Usando a opção de substituição, os wikis podem definir um ícone diferente das outras páginas no mesmo host, ou podem simplesmente optar por definir uma URL personalizada.

Para dispositivos Android, coloque "apple-touch-icon-precomposed.png" no diretório raiz, e inclua $wgAppleTouchIcon = "$wgScriptPath/apple-touch-icon-precomposed.png"; no arquivo LocalSettings.php.

Orientações


As imagens limpas com boa nitidez e contraste e um fundo colorido brilhante vai caber razoavelmente bem com os outros ícones. Se você não tem um para testar, refira-se a capturas de tela acessíveis, como esta aqui.

A documentação da Apple recomenda uma imagem PNG de 114&times;114 pixels; entretanto, 118&times;120 parece ser a marca de monitores de retina. Uma imagem menor está ampliada ligeiramente, tornando-se um pouco embaçada.

Cantos arredondados e uma textura "brilhante" são adicionados pelo iPhone UI, então use um fundo quadrado plano na sua imagem de origem:

Fundos transparentes são renderizados como preto sólido.

Veja também
Manual:$wgFavicon