FaviconMaker.net

Vista previa de favicon

Obtenga una vista previa de su ícono en tamaños favicon reales (16×16, 32×32) y vea cómo se ve en una pestaña del navegador en la interfaz de usuario clara y oscura.

Tamaños con precisión de píxelesIU clara + oscuraSe ejecuta en tu navegador

Deja tu logo aquí

o explorar archivos

PNG,JPG,JPEG,SVG • Máximo 10MB

92%
50%75%100%

Cómo utilizar esta vista previa

  1. Sube tu logotipo (o un ícono generado como favicon-512.png).
  2. Consulte las vistas previas de 16×16 y 32×32 píxeles; estas son las más importantes para las pestañas del navegador.
  3. Si parece turbio, simplifica el ícono y regenera un paquete completo.

¿Necesita un conjunto completo de archivos + etiquetas? Utilice el Generador de favicon.

Mi sitio web
ejemplo.com

Sube una imagen para previsualizarla

Interfaz clara

Mi sitio web
ejemplo.com

Sube una imagen para previsualizarla

Interfaz oscura

Vista previa de píxeles

Renderizado en tamaños reales (luego ampliado)

16×16Zoom ×10

Sobre cuadrícula de transparencia

Sobre interfaz oscura

32×32Zoom ×10

Sobre cuadrícula de transparencia

Sobre interfaz oscura

Tamaños comunes

16×16 (tab)
32×32 (tab)
48×48
64×64
180×180 (iOS)
192×192 (PWA)
512×512 (PWA)

Próximos pasos

Genere un conjunto completo de archivos con el Generador de favicon.

Valide su ZIP antes de implementarlo con Validador de paquete de favicon.

Si su ícono no cambia después de la implementación, siga las instrucciones lista de verificación para eliminar el caché.

Preguntas frecuentes

¿Subes mi imagen?

No. Las vistas previas se muestran localmente en su navegador.

¿Qué debo subir?

Sube tu logotipo o tu favicon PNG generado (como favicon-512.png). Las imágenes cuadradas funcionan mejor.

¿Por qué el 16×16 se ve mal?

La mayoría de los iconos necesitan una versión simplificada de tamaño pequeño. Pruebe formas más gruesas, mayor contraste y menos detalles.

¿Necesitas un paquete completo?

Genere un ZIP favicon completo y luego valídelo antes de implementarlo.