favicon-checker.com

Favicon de netlify.com

https://www.netlify.com/ · 1 redirección · comprobado el

  • 17correctos
  • 8advertencias
  • 2ausentes
  • 6opcionales

El favicon principal de netlify.com es icon.svg, un archivo SVG de 1,3 KB. Encontramos 6 archivos de icono, 37,3 KB en total. La Búsqueda de Google puede usar apple-touch-icon.png, un archivo PNG de 180×180 (1,4 KB). El sitio obtiene 78 de 100: 17 correctos, 8 advertencias, 2 ausentes. Lo que falta: name, Icono maskable del manifiesto.

Así se ve

Generado a partir de los archivos encontrados.

Push your ideas to the web | Netlify
Pestaña del navegador · claroCorrecto
Push your ideas to the web | Netlify
Pestaña del navegador · oscuroCorrecto

El SVG cambia de colores en los temas oscuros.

Netlifyhttps://www.netlify.com
Push your ideas to the web | Netlify Create with AI or code, deploy instantly on production infrastructure. One platform to build and ship.
Búsqueda de GoogleCorrecto
Netlify
Pantalla de inicio de iOSCorrecto
Android · maskableAusente

No hay icono maskable, así que Android reduce el normal y lo coloca sobre un círculo blanco.

Instalación y pantalla de presentación de PWACorrecto

Todos los archivos de favicon de netlify.com

6 encontrados
ArchivoEncontrado enFormatoTamañoPeso
favicon.icoruta por defectoICO16, 32, 48 px14,7 KB
favicon.icorel="icon"ICO16, 32, 48 px14,7 KB
icon.svgrel="icon"SVGvectorial1,3 KB
apple-touch-icon.pngrel="apple-touch-icon"PNG180×1801,4 KB
icon-192.pngmanifiestoPNG192×1921,4 KB
icon-512.pngmanifiestoPNG512×5123,7 KB

Favicon clásico

1 correcto · 1 advertencia

favicon.ico

Advertencia
GET /favicon.ico · no declarado en el HTML (encontrado en la raíz)
Formato
ICO (real)
Contiene
16 · 32 · 48
Tamaño del archivo
14,7 KB
HTTP
301 → 200
Content-Type
image/vnd.microsoft.icon
Caché
4 horas

La URL del icono redirige, y algunos rastreadores y lectores RSS no siguen las redirecciones de los iconos. Sirve el archivo en su URL final.

ICO 32×32

Correcto
<link rel="icon" href="/favicon/favicon.ico" sizes="32x32">
Declarado
32×32
Real
16 · 32 · 48
Formato
ICO
Tamaño del archivo
14,7 KB
HTTP
200
Content-Type
image/vnd.microsoft.icon

Icono SVG

1 correcto

Favicon SVG

Correcto
<link rel="icon" href="/favicon/icon.svg" type="image/svg+xml">
viewBox cuadrado
sí
Modo oscuro
sí
Scripts
ninguno
Tamaño del archivo
1,3 KB
HTTP
200
Content-Type
image/svg+xml

Apple

1 correcto · 1 opcional

Apple touch icon

Correcto
<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
Declarado
sin tamaños
Real
180×180
Recomendado
180×180
Fondo
opaco
Tamaño del archivo
1,4 KB
HTTP
200
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 advertencia
json

site.webmanifest

Advertencia
<link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials">
HTTP
200
Content-Type
application/octet-stream
JSON
válido
Tamaño del archivo
180 B
Mismo origen
sí
Caché
0 s

Sirve el manifiesto como application/manifest+json.

Campos del manifiesto

2 correctos · 4 advertencias · 2 ausentes · 2 opcionales
  • nameSe muestra bajo el icono cuando se instala el sitio.
    sin definir
  • short_nameSe usa en la pantalla de inicio cuando name es demasiado largo.
    sin definir
  • start_urlLa página que se abre al iniciar la aplicación instalada.
    sin definir
  • displayPor defecto es "browser", que no permite la instalación.
    sin definir
  • 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×192
    PNG · 1,4 KB · 200
  • icons · 512×512
    PNG · 3,7 KB · 200
  • icons · purpose: maskableSin él, Android reduce tu icono y lo coloca sobre un círculo blanco.
    no encontrado
  • id
    sin definir

Búsqueda de Google

6 correctos
  • Formato de archivo compatible
    PNG · apple-touch-icon.png
  • Cuadrado, de al menos 8×8 px
    180×180
  • Mayor de 48×48 px
    180 px
  • Declarado en la página principal
    sí
  • No bloqueado por robots.txt
    permitido
  • URL estable
    sin redirecciones

Meta y heredado

1 correcto · 3 opcionales
  • theme-color
    #ffffff
  • 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

5 correctos · 2 advertencias
  • HTTPS en todos los iconos
    6 de 6
  • Sin contenido mixto
    0 enlaces http://
  • Sin enlaces rotos
    0 errores
  • Cabeceras de cachéLos iconos cambian poco; guárdalos en caché al menos un día.
    0 de 6 · ≥ 1 día
  • Peso total de los iconos
    37,3 KB
  • Redirecciones/favicon.ico → /favicon/favicon.ico
    1
  • Etiquetas duplicadas
    ninguno

Etiquetas de icono encontradas en <head>

<link rel="icon" href="/favicon/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials">
<meta name="theme-color" content="#ffffff">

Preguntas sobre el favicon de netlify.com

¿Dónde está el favicon de netlify.com?

El principal está en https://www.netlify.com/favicon/icon.svg. La ruta por defecto, https://www.netlify.com/favicon.ico, también devuelve un icono.

¿Qué tamaño tiene el favicon de netlify.com?

icon.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 icon-512.png, de 512×512 px.

¿Puede la Búsqueda de Google mostrar el favicon de netlify.com?

El sitio cumple las reglas de Google: apple-touch-icon.png es un archivo PNG de 180×180 (1,4 KB) y robots.txt lo permite. Aun así, Google decide lo que muestra.

¿Tiene netlify.com un Apple touch icon y un icono maskable?

El Apple touch icon mide 180×180. El manifiesto no tiene icono maskable, así que Android reduce el normal y lo coloca sobre un círculo blanco.

Más informes de favicon

Todos los sitios comprobados