SVG → ICO
☞ funciona por completo en tu navegador — no se sube nadaSuelta tu SVG aquí
o haz clic para buscar — solo SVG
Vista previa del icono
OneImageTool
Herramientas de imagen gratis
SVG → ICO
Crea un .ico de varios tamaños a partir de un vector — cada tamaño se renderiza desde el propio SVG, no se reduce a partir de un mapa de bits grande.
o haz clic para buscar — solo SVG
Vista previa del icono
nítido a 16 píxeles
Un favicon se ve casi siempre a 16 píxeles. Reducir un mapa de bits de 256 px hasta ese tamaño hace que todos los bordes se emborronen entre sí; renderizar el vector a 16 px permite al navegador colocar la forma directamente sobre la rejilla de píxeles.
Eso es justo lo que hace esta página: una pasada de renderizado por tamaño, todas empaquetadas en un único .ico. Después, Windows y los navegadores eligen el tamaño que necesitan.
tres pasos
Elige un archivo .svg — se queda en tu dispositivo.
Marca los tamaños que quieras incluir; cada uno se renderiza por separado.
Guarda el .ico y colócalo en la raíz de tu sitio.
respuestas rápidas
16, 32 y 48 cubren las pestañas del navegador, los marcadores y la barra de tareas de Windows. Añade 256 si el icono va a aparecer en la vista de iconos grandes del Explorador. Más tamaños solo engordan el archivo.
Es un límite de diseño, no de la conversión: 16 × 16 son 256 píxeles en total. Los favicons que se leen bien suelen ser una sola letra o una sola forma. Plantéate hacer un SVG simplificado solo para el icono.
Sí. Cada tamaño se escribe como un PNG de 32 bits dentro del contenedor .ico, así que el canal alfa se mantiene. Desactiva el interruptor si prefieres un fondo sólido.
Se escala para que quepa dentro del cuadrado y se centra, dejando transparente el espacio sobrante. Los iconos se leen mejor cuando el diseño ya es cuadrado de origen.