Pestaña del navegador · claroCorrecto
Favicon de heroku.com
- 14correctos
- 4advertencias
- 2ausentes
- 4opcionales
El favicon principal de heroku.com es apple-touch-icon-180x180-1.png, un archivo WebP de 32×32 (616 B). Encontramos 3 archivos de icono, 8,7 KB en total. La Búsqueda de Google puede usar favicon.ico, un archivo ICO con imágenes de 16 px (198 B). El sitio obtiene 80 de 100: 14 correctos, 4 advertencias, 2 ausentes. Lo que falta: Favicon SVG, Manifiesto de la aplicación web.
Así se ve
Generado a partir de los archivos encontrados.
Pestaña del navegador · oscuroOpcional
Comprueba que el icono siga visible en una pestaña oscura.
Herokuhttps://www.heroku.com
Búsqueda de GoogleAdvertencia
Heroku
Pantalla de inicio de iOSAdvertencia
iOS necesita un PNG; este es WebP.
512
Android · maskableAusente
No hay iconos en el manifiesto, así que Android usa una captura o una letra.
splash
Instalación y pantalla de presentación de PWAAusente
No hay un icono de 512 px en el manifiesto, así que no hay aviso de instalación ni pantalla de presentación.
Todos los archivos de favicon de heroku.com
3 encontrados| Archivo | Encontrado en | Formato | Tamaño | Peso |
|---|---|---|---|---|
| favicon.ico | ruta por defecto | ICO | 16 px | 198 B |
| apple-touch-icon-180x180-1.png | rel="icon" | WebP | 32×32 | 616 B |
| apple-touch-icon-180x180-1.png | rel="icon" · rel="apple-touch-icon" | WebP | 180×180 | 7,9 KB |
Favicon clásico
2 correctos · 1 advertenciafavicon.ico
CorrectoGET /favicon.ico · no declarado en el HTML (encontrado en la raíz)
- Formato
- ICO (real)
- Contiene
- 16
- Tamaño del archivo
- 198 B
- HTTP
- 200
- Content-Type
- image/x-icon
- Caché
- 4 horas
WebP 32×32
Correcto<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32" sizes="32x32">
- Declarado
- 32×32
- Real
- 32×32
- Formato
- WebP
- Tamaño del archivo
- 616 B
- HTTP
- 200
- Content-Type
- image/webp
WebP 192×192
Advertencia<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180" sizes="192x192">
- Declarado
- 192×192
- Real
- 180×180
- Formato
- WebP
- Tamaño del archivo
- 7,9 KB
- HTTP
- 200
- Content-Type
- image/webp
El tamaño declarado no coincide con el del archivo. Los navegadores pueden elegir un icono equivocado para las pestañas pequeñas.
Icono SVG
1 ausentesvg
Favicon SVG
Ausente<link rel="icon" type="image/svg+xml" href="…"> – no encontrado
Un icono SVG se ve nítido a cualquier tamaño y puede cambiar de colores en los temas oscuros del navegador.
Apple
1 advertencia · 1 opcionalApple touch icon
Advertencia<link rel="apple-touch-icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180">
- Declarado
- sin tamaños
- Real
- 180×180
- Recomendado
- 180×180
- Fondo
- sin medir
- Tamaño del archivo
- 7,9 KB
- HTTP
- 200
iOS necesita un PNG; este es WebP.
mask
Pestaña fijada de Safari (mask-icon)
Opcional<link rel="mask-icon" href="…" color="…"> – no encontrado
Heredado. Safari 12 y posteriores usan el favicon normal, así que ya no es necesario.
Archivo de manifiesto de la aplicación web
1 ausentejson
Manifiesto de la aplicación web
Ausente<link rel="manifest" href="…"> – no encontrado
Android y las aplicaciones web instalables toman sus iconos, nombre y colores del manifiesto.
Búsqueda de Google
5 correctos · 1 advertencia- Formato de archivo compatibleICO · favicon.ico
- Cuadrado, de al menos 8×8 px16×16
- 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.16 px
- Declarado en la página principalsí
- No bloqueado por robots.txtpermitido
- URL establesin redirecciones
Meta y heredado
1 correcto · 3 opcionales- theme-color#5A1BA9
- 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 iconos3 de 3
- 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.2 de 3 · ≥ 1 día
- Peso total de los iconos8,7 KB
- Redirecciones0
- Etiquetas duplicadasninguno
Etiquetas de icono encontradas en <head>
<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32" sizes="32x32"> <link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180" sizes="192x192"> <link rel="apple-touch-icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180"> <meta name="theme-color" content="#5A1BA9"> <meta name="msapplication-TileImage" content="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180">
Preguntas sobre el favicon de heroku.com
¿Dónde está el favicon de heroku.com?
El principal está en https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32. La ruta por defecto, https://www.heroku.com/favicon.ico, también devuelve un icono.
¿Qué tamaño tiene el favicon de heroku.com?
apple-touch-icon-180x180-1.png mide 32×32. El icono de mapa de bits más grande del sitio es apple-touch-icon-180x180-1.png, de 180×180 px.
¿Puede la Búsqueda de Google mostrar el favicon de heroku.com?
El sitio cumple las reglas de Google: favicon.ico es un archivo ICO con imágenes de 16 px (198 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 heroku.com un Apple touch icon y un icono maskable?
El Apple touch icon mide 180×180. No hay un manifiesto de aplicación web legible, así que tampoco hay icono maskable.