Aba do navegador · claroAprovado
Favicon de sap.com
- 14aprovados
- 2avisos
- 1ausentes
- 7opcionais
O favicon principal de sap.com é favicon.svg, um arquivo SVG de 277 B. Encontramos 5 arquivos de ícone, 18,7 KB no total. O Google Search pode usar touch-icon-180x180.png, um arquivo PNG de 180×180 (824 B). O site tem nota 86 de 100: 14 aprovados, 2 avisos, 1 ausente. Faltando: Web app manifest.
Como fica
Renderizado a partir dos arquivos encontrados.
Aba do navegador · escuroOpcional
Confira se o ícone continua visível em uma aba escura.
SAPhttps://www.sap.com
Pesquisa do GoogleAprovado
SAP
Tela inicial do iOSAviso
O iOS preenche as áreas transparentes com preto. Dê ao ícone um fundo sólido.
512
Android · maskableAusente
Não há ícones no manifest, então o Android usa uma captura de tela ou uma letra.
splash
Instalação e abertura do PWAAusente
Sem ícone de 512 px no manifest, não há prompt de instalação nem tela de abertura.
Todos os arquivos de favicon de sap.com
5 encontrados| Arquivo | Encontrado por | Formato | Tamanho | Peso |
|---|---|---|---|---|
| favicon.ico | rel="icon" · caminho padrão | ICO | 16, 20, 32, 48 px | 16,4 KB |
| touch-icon-60x60.png | rel="apple-touch-icon" | PNG | 60×60 | 683 B |
| touch-icon-120x120.png | rel="apple-touch-icon" | PNG | 120×120 | 589 B |
| touch-icon-180x180.png | rel="apple-touch-icon" | PNG | 180×180 | 824 B |
| favicon.svg | rel="icon" | SVG | vetorial | 277 B |
Favicon clássico
1 aprovadofavicon.ico
Aprovado<link rel="icon" href="/favicon.ico">
- Formato
- ICO (real)
- Contém
- 16 · 20 · 32 · 48
- Tamanho do arquivo
- 16,4 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- Cache
- 14 dias
Ícone SVG
1 avisoFavicon SVG
Aviso<link rel="icon" type="image/svg+xml" href="/favicon.svg">
- viewBox quadrado
- não
- Modo escuro
- não
- Scripts
- nenhum
- Tamanho do arquivo
- 277 B
- HTTP
- 200
- Content-Type
- image/svg+xml
O viewBox não é quadrado, então o ícone fica distorcido ou com margens nas abas. Adicione uma media query prefers-color-scheme no SVG para trocar as cores nos temas escuros do navegador.
Apple
1 aviso · 3 opcionaisApple touch icon 60×60
Opcional<link rel="apple-touch-icon" sizes="60x60" href="/etc.clientlibs/sapdx/clientlibs/clientlib-generic-legacy/resources/images/apple-touch-icons/touch-icon-60x60.png">
- Declarado
- 60×60
- Real
- 60×60
- Recomendado
- 180×180
- Fundo
- não medido
- Tamanho do arquivo
- 683 B
- HTTP
- 200
Tamanho legado. O iOS atual usa o ícone de 180 px.
Apple touch icon 120×120
Opcional<link rel="apple-touch-icon" sizes="120x120" href="/etc.clientlibs/sapdx/clientlibs/clientlib-generic-legacy/resources/images/apple-touch-icons/touch-icon-120x120.png">
- Declarado
- 120×120
- Real
- 120×120
- Recomendado
- 180×180
- Fundo
- não medido
- Tamanho do arquivo
- 589 B
- HTTP
- 200
Tamanho legado. O iOS atual usa o ícone de 180 px.
Apple touch icon
Aviso<link rel="apple-touch-icon" sizes="180x180" href="/etc.clientlibs/sapdx/clientlibs/clientlib-generic-legacy/resources/images/apple-touch-icons/touch-icon-180x180.png">
- Declarado
- 180×180
- Real
- 180×180
- Recomendado
- 180×180
- Fundo
- transparente
- Tamanho do arquivo
- 824 B
- HTTP
- 200
O iOS preenche as áreas transparentes com preto. Dê ao ícone um fundo sólido.
mask
Safari pinned tab (mask-icon)
Opcional<link rel="mask-icon" href="…" color="…"> – não encontrado
Legado. O Safari 12+ usa o favicon comum, então isso não é mais necessário.
Arquivo web app manifest
1 ausentejson
Web app manifest
Ausente<link rel="manifest" href="…"> – não encontrado
Android e web apps instaláveis obtêm ícones, nome e cores do manifest.
Pesquisa do Google
6 aprovados- Formato de arquivo compatívelPNG · touch-icon-180x180.png
- Quadrado, de pelo menos 8×8 px180×180
- Maior que 48×48 px180 px
- Declarado na página inicialsim
- Não bloqueado pelo robots.txtpermitido
- URL estávelsem redirecionamentos
Meta e legado
4 opcionais- theme-colorDefine a cor da interface do navegador no celular.não definido
- theme-color para o modo escuromedia="(prefers-color-scheme: dark)"não definido
- msapplication-TileColorBlocos do Windows, legado.não definido
- browserconfig.xmlBlocos do Windows, legado.não encontrado
Entrega e desempenho
7 aprovados- HTTPS em todos os ícones5 de 5
- Sem conteúdo misto0 link http://
- Sem links quebrados0 erro
- Cabeçalhos de cache5 de 5 · ≥ 1 dia
- Peso total dos ícones18,7 KB
- Redirecionamentos0
- Tags duplicadasnenhum
Tags de ícone encontradas no <head>
<link rel="apple-touch-icon" sizes="60x60" href="/etc.clientlibs/sapdx/clientlibs/clientlib-generic-legacy/resources/images/apple-touch-icons/touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="120x120" href="/etc.clientlibs/sapdx/clientlibs/clientlib-generic-legacy/resources/images/apple-touch-icons/touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="180x180" href="/etc.clientlibs/sapdx/clientlibs/clientlib-generic-legacy/resources/images/apple-touch-icons/touch-icon-180x180.png"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="icon" href="/favicon.ico">
Perguntas sobre o favicon de sap.com
Onde fica o favicon de sap.com?
O principal está em https://www.sap.com/favicon.svg. O caminho padrão, https://www.sap.com/favicon.ico, também retorna um ícone.
Qual é o tamanho do favicon de sap.com?
favicon.svg é um arquivo vetorial, então escala para qualquer tamanho. O maior ícone raster do site é touch-icon-180x180.png, com 180×180 px.
O Google Search consegue exibir o favicon de sap.com?
O site cumpre as regras do Google: touch-icon-180x180.png é um arquivo PNG de 180×180 (824 B) e o robots.txt permite o acesso. Ainda assim, quem decide o que exibir é o Google.
sap.com tem um Apple touch icon e um ícone maskable?
O Apple touch icon tem 180×180, com áreas transparentes que o iOS deixa pretas. Não há web app manifest legível, então também não há ícone maskable.