Favicon de github.com
- 23correctos
- 5advertencias
- 1ausentes
- 4opcionales
El favicon principal de github.com es favicon.svg, un archivo SVG de 959 B. Encontramos 15 archivos de icono, 115,2 KB en total. La Búsqueda de Google puede usar favicon.png, un archivo PNG de 32×32 (958 B). El sitio obtiene 88 de 100: 23 correctos, 5 advertencias, 1 ausente. Lo que falta: Icono maskable del manifiesto.
Así se ve
Generado a partir de los archivos encontrados.
Comprueba que el icono siga visible en una pestaña oscura.
iOS amplía 120 → 180 px, así que el icono se ve borroso en pantallas Retina.
No hay icono maskable, así que Android reduce el normal y lo coloca sobre un círculo blanco.
Todos los archivos de favicon de github.com
15 encontrados| Archivo | Encontrado en | Formato | Tamaño | Peso |
|---|---|---|---|---|
| favicon.ico | ruta por defecto | ICO | 16, 32 px | 6,4 KB |
| pinned-octocat-093da3e6fa40.svg | rel="mask-icon" | SVG | vectorial | 1009 B |
| favicon.png | rel="icon" | PNG | 32×32 | 958 B |
| favicon.svg | rel="icon" | SVG | vectorial | 959 B |
| apple-touch-icon.png | ruta por defecto | PNG | 120×120 | 10,7 KB |
| app-icon-192-bcc967ab9829.png | manifiesto | PNG | 192×192 | 2,9 KB |
| app-icon-512-7f9c4ff2e960.png | manifiesto | PNG | 512×512 | 9,6 KB |
| apple-touch-icon-114x114-09ce42d3ca4b.png | manifiesto | PNG | 114×114 | 9,8 KB |
| apple-touch-icon-120x120-92bd46d04241.png | manifiesto | PNG | 120×120 | 10,7 KB |
| apple-touch-icon-144x144-b882e354c005.png | manifiesto | PNG | 144×144 | 14,1 KB |
| apple-touch-icon-152x152-5f777cdc30ae.png | manifiesto | PNG | 152×152 | 16,3 KB |
| apple-touch-icon-180x180-a80b8e11abe2.png | manifiesto | PNG | 180×180 | 20,6 KB |
| apple-touch-icon-57x57-22f09f5b3a64.png | manifiesto | PNG | 57×57 | 3,2 KB |
| apple-touch-icon-60x60-19037ac897bf.png | manifiesto | PNG | 60×60 | 3,5 KB |
| apple-touch-icon-72x72-e090c8a282d0.png | manifiesto | PNG | 72×72 | 4,4 KB |
Favicon clásico
2 correctosfavicon.ico
CorrectoGET /favicon.ico · no declarado en el HTML (encontrado en la raíz)
- Formato
- ICO (real)
- Contiene
- 16 · 32
- Tamaño del archivo
- 6,4 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- Caché
- 10 años
PNG
Correcto<link rel="alternate icon" class="js-site-favicon" type="image/png" href="https://github.githubassets.com/favicons/favicon.png">
- Declarado
- sin tamaños
- Real
- 32×32
- Formato
- PNG
- Tamaño del archivo
- 958 B
- HTTP
- 200
- Content-Type
- image/png
Icono SVG
1 correctoFavicon SVG
Correcto<link rel="icon" class="js-site-favicon" type="image/svg+xml" href="https://github.githubassets.com/favicons/favicon.svg" data-base-href="https://github.githubassets.com/favicons/favicon">
- viewBox cuadrado
- sí
- Modo oscuro
- no
- Scripts
- ninguno
- Tamaño del archivo
- 959 B
- HTTP
- 200
- Content-Type
- image/svg+xml
Añade una media query prefers-color-scheme en el SVG para cambiar los colores en los temas oscuros del navegador.
Apple
1 correcto · 1 advertenciaApple touch icon
AdvertenciaNo declarado · encontrado en /apple-touch-icon.png
- Declarado
- no declarado
- Real
- 120×120
- Recomendado
- 180×180
- Fondo
- opaco
- Tamaño del archivo
- 10,7 KB
- HTTP
- 200
iOS amplía 120 → 180 px, así que el icono se ve borroso en pantallas Retina.
Pestaña fijada de Safari (mask-icon)
Correcto<link rel="mask-icon" href="https://github.githubassets.com/assets/pinned-octocat-093da3e6fa40.svg" color="#000000">
- Color
- #000000
- Tamaño del archivo
- 1009 B
Heredado. Safari 12 y posteriores usan el favicon normal.
Archivo de manifiesto de la aplicación web
1 correctomanifest.json
Correcto<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
- HTTP
- 200
- Content-Type
- application/manifest+json
- JSON
- válido
- Tamaño del archivo
- 1,4 KB
- Mismo origen
- sí
- Caché
- 7 días
Campos del manifiesto
6 correctos · 2 advertencias · 1 ausente · 1 opcional- nameGitHub
- short_nameGitHub
- start_url/
- displaystandalone
- theme_colorDa color a la barra de título de la aplicación instalada.sin definir
- background_colorEl fondo de la pantalla de presentación.sin definir
- icons · 192×192PNG · 2,9 KB · 200
- icons · 512×512PNG · 9,6 KB · 200
- icons · purpose: maskableSin él, Android reduce tu icono y lo coloca sobre un círculo blanco.no encontrado
- idsin definir
Búsqueda de Google
5 correctos · 1 advertencia- Formato de archivo compatiblePNG · favicon.png
- Cuadrado, de al menos 8×8 px32×32
- Mayor de 48×48 pxGoogle recomienda más de 48×48 para que el icono se vea nítido. Sirve un PNG de 96×96 declarado o el Apple touch icon de 180 px.32 px
- Declarado en la página principalsí
- No bloqueado por robots.txtpermitido
- URL establesin redirecciones
Meta y heredado
1 correcto · 3 opcionales- theme-color#1e2327
- theme-color para modo oscuromedia="(prefers-color-scheme: dark)"sin definir
- msapplication-TileColorMosaicos de Windows, heredado.sin definir
- browserconfig.xmlMosaicos de Windows, heredado.no encontrado
Entrega y rendimiento
6 correctos · 1 advertencia- HTTPS en todos los iconos15 de 15
- Sin contenido mixto0 enlaces http://
- Sin enlaces rotos0 errores
- Cabeceras de cachéLos iconos cambian poco; guárdalos en caché al menos un día.12 de 15 · ≥ 1 día
- Peso total de los iconos115,2 KB
- Redirecciones0
- Etiquetas duplicadasninguno
Etiquetas de icono encontradas en <head>
<link rel="mask-icon" href="https://github.githubassets.com/assets/pinned-octocat-093da3e6fa40.svg" color="#000000"> <link rel="alternate icon" class="js-site-favicon" type="image/png" href="https://github.githubassets.com/favicons/favicon.png"> <link rel="icon" class="js-site-favicon" type="image/svg+xml" href="https://github.githubassets.com/favicons/favicon.svg" data-base-href="https://github.githubassets.com/favicons/favicon"> <link rel="manifest" href="/manifest.json" crossorigin="use-credentials"> <meta name="theme-color" content="#1e2327">
Preguntas sobre el favicon de github.com
¿Dónde está el favicon de github.com?
El principal está en https://github.githubassets.com/favicons/favicon.svg. La ruta por defecto, https://github.com/favicon.ico, también devuelve un icono.
¿Qué tamaño tiene el favicon de github.com?
favicon.svg es un archivo vectorial, así que se escala a cualquier tamaño. El icono de mapa de bits más grande del sitio es app-icon-512-7f9c4ff2e960.png, de 512×512 px.
¿Puede la Búsqueda de Google mostrar el favicon de github.com?
El sitio cumple las reglas de Google: favicon.png es un archivo PNG de 32×32 (958 B) y robots.txt lo permite. Google recomienda más de 48×48 px, así que un icono más grande se vería más nítido. Aun así, Google decide lo que muestra.
¿Tiene github.com un Apple touch icon y un icono maskable?
El Apple touch icon mide 120×120. El manifiesto no tiene icono maskable, así que Android reduce el normal y lo coloca sobre un círculo blanco.