SVG a favicon
Convierte un logo SVG en un conjunto completo de favicon —favicon.ico, apple-touch-icon e iconos de app web— rasterizado con nitidez en tu navegador. No se sube nada.
La privacidad es lo primero: cada imagen se procesa localmente en tu navegador. Nada se sube, almacena ni transmite a ningún servidor.
Entra el vector, salen todos los tamaños ráster
Un SVG es el origen ideal para un favicon: es independiente de la resolución, así que cada tamaño de icono puede rasterizarse a partir de la geometría original en lugar de remuestrearse desde un mapa de bits ya pequeño. Suelta tu SVG y cada salida —16, 32, 48, 180, 192 y 512 píxeles— se dibuja desde el vector a su tamaño nativo, lo que mantiene los bordes nítidos en vez de emborronados. Esa es la diferencia entre un icono que parece intencionado en una pestaña y otro que parece un borrón.
Por qué sigues queriendo el .ico
Los navegadores modernos usan sin problema un favicon SVG directamente, pero los más antiguos y multitud de herramientas —lectores de feeds, previsualizadores de enlaces en chats, accesos directos del escritorio— siguen buscando favicon.ico. Generar ambos a partir del mismo SVG lo cubre todo. Añade relleno, elige una máscara cuadrada, redondeada o circular y un fondo, y descarga el conjunto completo con un fragmento HTML listo para pegar.
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.