Generador de favicon

Convierte cualquier logo o imagen en un juego de favicon completo: un favicon.ico de varios tamaños, un apple-touch-icon, iconos de app Android/web y un fragmento de HTML listo para pegar. Elige una forma cuadrada, redondeada o círculo, añade relleno o un color de fondo, y descarga el paquete entero como ZIP. Todo se genera localmente en tu navegador: tu imagen nunca se sube.

La privacidad es lo primero: cada imagen se procesa localmente en tu navegador. Nada se sube, almacena ni transmite a ningún servidor.

El generador de favicon de PixelVault convierte cualquier imagen en un juego completo de iconos para web y app sin subir nada. La mayoría de los sitios de «generador de favicon» te piden que envíes tu logo a sus servidores antes de recibir un solo icono. Aquí, cada archivo — el favicon.ico multirresolución, los iconos PNG y el manifiesto — se produce dentro de tu navegador, así que el arte de tu marca nunca sale de tu dispositivo.

Un sitio moderno necesita más de un icono. Los navegadores leen un pequeño favicon.ico para la barra de direcciones y las pestañas, iOS quiere un apple-touch-icon de 180×180 para la pantalla de inicio, y Android y las PWA usan PNG de 192 y 512px referenciados desde un manifiesto web. PixelVault los crea todos a la vez a partir de una única imagen de origen y te entrega un fragmento de HTML listo para pegar, así que conectarlos lleva segundos.

Tú controlas el aspecto del icono. Mantenlo como un cuadrado liso, redondea las esquinas o recórtalo a un círculo; añade relleno para que un logotipo de texto no quede pegado al borde; y elige un fondo transparente o sólido. Una vista previa en vivo muestra el resultado a los tamaños reales de favicon — incluida una pestaña de navegador simulada — para que sepas exactamente qué verán los visitantes antes de descargar.

Cómo funciona

Cuando añades una imagen, el navegador la decodifica en memoria y PixelVault la vuelve a dibujar sobre lienzos cuadrados a cada tamaño de icono, aplicando la máscara de forma, el relleno y el fondo que elijas. Cada lienzo se codifica a PNG con el codificador integrado del navegador, y los PNG de 16, 32 y 48px se envuelven en un único favicon.ico (el contenedor PNG-en-ICO, ampliamente compatible). Los logos SVG se rasterizan primero localmente a alta resolución, para que los iconos se mantengan nítidos.

Por qué importa el procesamiento local

Generar los iconos localmente significa que tu logo — a menudo una marca aún sin publicar — nunca lo transmite, almacena ni registra un servicio de terceros. También es instantáneo: no hay subida, ni cola, ni ida y vuelta de descarga, y sigue funcionando sin conexión una vez cargada la página. Lo que descargas es exactamente lo que produjo tu navegador, sin nada añadido.

Formatos compatibles

  • ICO — favicon.ico multirresolución (16/32/48px) para las pestañas y la barra de direcciones.
  • PNG — Apple-touch-icon (180px) e iconos de Android/PWA (192 y 512px).
  • SVG — Solo de entrada — los logos vectoriales se rasterizan localmente para obtener los iconos más nítidos.
  • JPG / WebP — Se aceptan como imágenes de origen junto con PNG.

Casos de uso comunes

  • Crear un favicon.ico e iconos de app para una nueva web o página de aterrizaje.
  • Convertir un logo PNG o SVG en un archivo ICO multitamaño en condiciones.
  • Generar un apple-touch-icon e iconos de manifiesto web para una PWA.
  • Renovar el juego de favicon de una marca sin entregar el logo a un servicio online.

Preguntas frecuentes

¿Se sube mi imagen para crear el favicon?
No. El favicon.ico, los iconos PNG y el manifiesto se generan todos localmente en tu navegador con la API Canvas. Tu imagen nunca sale de tu dispositivo.
¿Qué tamaños y archivos obtengo?
Un favicon.ico multirresolución (16, 32 y 48px), iconos PNG a 16, 32, 48, 180 (apple-touch-icon), 192 y 512px, un site.webmanifest y un fragmento de HTML para pegar en tu <head>.
¿Puedo convertir un PNG o SVG a ICO?
Sí. Suelta un PNG, JPG, SVG o WebP y descarga un favicon.ico real. Los logos SVG se rasterizan primero localmente a alta resolución.
¿Qué imagen funciona mejor?
Una imagen cuadrada con un logo sencillo y de alto contraste. Las imágenes no cuadradas se recortan desde el centro para encajar; usa los controles de relleno y forma para encuadrarla como quieras.
¿Cómo instalo el favicon?
Descomprime el paquete en la carpeta raíz de tu sitio y pega el fragmento de HTML proporcionado en el <head> de tus páginas. La mayoría de los navegadores detectan el favicon.ico automáticamente.