Pestaña del navegador · claroCorrecto
Favicon de europa.eu
- 14correctos
- 2advertencias
- 2ausentes
- 5opcionales
El favicon principal de europa.eu es favicon.svg, un archivo SVG de 1,7 KB. Encontramos 3 archivos de icono, 8,3 KB en total. La Búsqueda de Google puede usar favicon.png, un archivo PNG de 180×180 (2,3 KB). El sitio obtiene 75 de 100: 14 correctos, 2 advertencias, 2 ausentes. Lo que falta: favicon.ico, 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.
European Unionhttps://european-union.europa.eu
Búsqueda de GoogleCorrecto
European Union
Pantalla de inicio de iOSAdvertencia
iOS rellena de negro las zonas transparentes. Dale al icono un fondo sólido.
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 europa.eu
3 encontrados| Archivo | Encontrado en | Formato | Tamaño | Peso |
|---|---|---|---|---|
| favicon.ico | rel="icon" | ICO | 32 px | 4,2 KB |
| favicon.svg | rel="icon" | SVG | vectorial | 1,7 KB |
| favicon.png | rel="apple-touch-icon" | PNG | 180×180 | 2,3 KB |
Favicon clásico
1 correcto · 1 ausenteico
favicon.ico
AusenteGET /favicon.ico – no encontrado
- HTTP
- 404
Los navegadores, los lectores RSS y muchos rastreadores piden /favicon.ico aunque el HTML declare otros iconos. El archivo devuelve HTTP 404.
ICO
Correcto<link rel="icon" href="/themes/contrib/oe_theme/images/favicons/eu/favicon.ico" type="image/vnd.microsoft.icon">
- Declarado
- sin tamaños
- Real
- 32
- Formato
- ICO
- Tamaño del archivo
- 4,2 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
Icono SVG
1 correctoFavicon SVG
Correcto<link rel="icon" href="/themes/contrib/oe_theme/images/favicons/eu/favicon.svg" type="image/svg+xml">
- viewBox cuadrado
- sí
- Modo oscuro
- no
- Scripts
- ninguno
- Tamaño del archivo
- 1,7 KB
- 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 advertencia · 1 opcionalApple touch icon
Advertencia<link rel="apple-touch-icon" href="/themes/contrib/oe_theme/images/favicons/eu/favicon.png">
- Declarado
- sin tamaños
- Real
- 180×180
- Recomendado
- 180×180
- Fondo
- transparente
- Tamaño del archivo
- 2,3 KB
- HTTP
- 200
iOS rellena de negro las zonas transparentes. Dale al icono un fondo sólido.
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
6 correctos- Formato de archivo compatiblePNG · favicon.png
- Cuadrado, de al menos 8×8 px180×180
- Mayor de 48×48 px180 px
- Declarado en la página principalsí
- No bloqueado por robots.txtpermitido
- URL establesin redirecciones
Meta y heredado
4 opcionales- theme-colorDa color a la interfaz del navegador en móvil.sin definir
- 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.0 de 3 · ≥ 1 día
- Peso total de los iconos8,3 KB
- Redirecciones0
- Etiquetas duplicadasninguno
Etiquetas de icono encontradas en <head>
<link rel="icon" href="/themes/contrib/oe_theme/images/favicons/eu/favicon.ico" type="image/vnd.microsoft.icon"> <link rel="icon" href="/themes/contrib/oe_theme/images/favicons/eu/favicon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/themes/contrib/oe_theme/images/favicons/eu/favicon.png">
Preguntas sobre el favicon de europa.eu
¿Dónde está el favicon de europa.eu?
El principal está en https://european-union.europa.eu/themes/contrib/oe_theme/images/favicons/eu/favicon.svg.
¿Qué tamaño tiene el favicon de europa.eu?
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 favicon.png, de 180×180 px.
¿Puede la Búsqueda de Google mostrar el favicon de europa.eu?
El sitio cumple las reglas de Google: favicon.png es un archivo PNG de 180×180 (2,3 KB) y robots.txt lo permite. Aun así, Google decide lo que muestra.
¿Tiene europa.eu un Apple touch icon y un icono maskable?
El Apple touch icon mide 180×180, con zonas transparentes que iOS convierte en negras. No hay un manifiesto de aplicación web legible, así que tampoco hay icono maskable.