Saltar al contenido principal

SVG a ICO

Convierta SVG a ICO con un generador de Favicon gratuito

Cree un archivo Windows .ico de varios tamaños para favicons de sitios web, íconos de aplicaciones y accesos directos de escritorio. Elija un tamaño de destino y el convertidor empaquetará todos los tamaños estándar en un solo archivo.

Suelta archivos aquí

Editando valores predeterminados para nuevos archivos

Formato del icono

ICO admite tamaños fijos: 16, 32, 48, 64, 128, 256. Renderizamos cada tamaño hasta tu objetivo y los empaquetamos en un archivo .ico.

Incluirá: 16, 32, 48, 64, 128, 256 px

Fondo
Radio de esquinas
Ilustración
Alineación horizontal
Alineación vertical

El padding separa la ilustración de los bordes, la escala la amplía y la alineación decide dónde queda cuando no llena la caja. El fondo y la forma de las esquinas siempre ocupan todo el icono.

Vista previa

Sin vista previa. Añade y selecciona archivos para ver resultados.

Aún no hay archivos. Suelta archivos arriba o haz clic en SELECCIONAR ARCHIVOS.

¿Qué es SVG?

SVG (Scalable Vector Graphics) es un formato de imagen vectorial basado en XML. En lugar de píxeles, un SVG describe matemáticamente formas, trazados, rellenos y contornos, de modo que se puede renderizar a cualquier tamaño sin perder calidad.

SVG es el formato vectorial estándar para la web. Todos los navegadores modernos lo admiten de forma nativa y se puede diseñar con CSS o animar con JavaScript o SMIL. Suele ser compacto para logotipos, iconos e ilustraciones, aunque los archivos SVG complejos pueden ocupar bastante espacio.

¿Qué es ICO?

ICO es el formato contenedor de iconos de Windows usado para favicons, iconos de aplicación y accesos directos del escritorio. Un archivo ICO puede contener una o varias imágenes ráster (típicamente de 16×16 hasta 256×256) en un solo archivo.

SVG vs formatos ráster

Los gráficos vectoriales (SVG) y los gráficos ráster (PNG, JPG) resuelven problemas distintos. El formato adecuado depende del uso que se le dará a la imagen.

CaracterísticaSVGPNG / JPGICO / ICNS
EscaladoIndependiente de la resoluciónBorroso al ampliarPre-renderizado a tamaños fijos
Tamaño del archivoPequeño para formas e iconosCrece con la resoluciónConjunto de rásters predimensionados
EdiciónEditable como texto o en herramientas vectorialesSolo edición a nivel de píxelEditar cada tamaño y reempaquetar
AnimaciónCSS, SMIL, JavaScriptLimitada (PNG/GIF animados)No admitida
TransparenciaPNG sí, JPG noSí (basado en PNG)

Cuándo convertir SVG a ICO

Los navegadores y los shells de escritorio utilizan archivos ICO. Utilice este conversor de SVG a ICO como generador de favicon gratuito: convierta SVG a ICO cuando necesite un favicon (favicon.ico), un acceso directo a Windows o en cualquier lugar donde se requiera un archivo .ico. Un archivo puede contener los tamaños estándar de 16, 32, 48, 64, 128 y 256 píxeles, lo que permite al navegador o al sistema operativo elegir la mejor opción.

SVG a ICO: tamaño y compromisos de calidad

Tamaño del archivo

Un ICO de varios tamaños agrupa todas las ranuras estándar desde 16×16 hasta su objetivo. Los objetivos más grandes añaden más imágenes incrustadas, por lo que el archivo crece tanto con el número de ranuras como con el detalle de la obra de arte. Este convertidor almacena cada ranura como datos comprimidos PNG.

Cuándo ICO es la elección correcta

ICO es la salida adecuada para los favicons Windows (el favicon.ico en la raíz de su sitio), accesos directos del escritorio Windows, pines de la barra de tareas y cualquier contexto que solicite específicamente un archivo .ico. La combinación de varios tamaños permite que el navegador o el sistema operativo elija la mejor opción.

Cuándo servir un favicon SVG en vez de ICO

Los navegadores modernos aceptan <link rel='icon' type='image/svg+xml' href='/favicon.svg'>, así que conserva el SVG y sírvelo junto al ICO. Un único favicon SVG escala a cualquier tamaño de barra de tareas y pestaña y se mantiene nítido en pantallas HiDPI. El ICO cubre accesos directos de Windows y navegadores muy antiguos.

Compromisos de calidad

Cada slot ICO se rasteriza a su tamaño exacto en píxeles, por lo que un slot 16×16 es nítido a 16×16, pero una reducción extrema desde un SVG complejo puede perder detalle. Para favicons, diseña el SVG fuente para que se lea bien a 16×16 (trazos gruesos, pocos detalles). La transparencia se conserva por píxel; los fondos siguen siendo transparentes salvo que elijas un color sólido.

Cómo convertir SVG a ICO en línea

  1. 1

    Suelta tus archivos, o haz clic en SELECCIONAR ARCHIVOS, para añadirlos a la cola. Hasta 40 a la vez.

  2. 2

    Ajusta las opciones de salida (tamaño, DPI, fondo, calidad o nivel de detalle del trazado) y observa cómo se actualiza la vista previa en vivo.

  3. 3

    Haz clic en GUARDAR TODO para descargar el resultado, o un único ZIP cuando la cola tiene más de un archivo.

Privacidad: tus archivos nunca salen del navegador

La conversión se ejecuta localmente en su navegador usando JavaScript y WebAssembly. No hay carga de archivos ni conversión del lado del servidor, por lo que los archivos que agrega permanecen en su dispositivo.

El procesamiento local ayuda a proteger logotipos confidenciales, documentos internos y obras de arte inéditas de los clientes. Las páginas y el código de conversión se almacenan en caché a medida que los utiliza, por lo que las herramientas que ya ha abierto pueden seguir funcionando sin una conexión de red.

Preguntas frecuentes

¿Qué tamaños contiene el ICO?

El convertidor empaqueta cada slot estándar de ICO hasta tu tamaño objetivo en un solo archivo: 16, 32, 48, 64, 128, 256. La mayoría de navegadores y herramientas de Windows eligen el tamaño adecuado automáticamente según el contexto.

¿Qué tamaño debería elegir para un favicon?

32 es un valor por defecto seguro para pestañas del navegador y marcadores. Elige 256 si quieres todos los tamaños estándar empaquetados. Windows usará el más grande para accesos directos, anclajes en la barra de tareas y iconos de escritorio.

¿Puedo usar un fondo transparente en un ICO?

Sí. ICO admite alfa por píxel y el convertidor preserva la transparencia del SVG por defecto. Elige un color de fondo sólido solo si quieres rellenar las zonas translúcidas.