Convertir SVG a ICO
Empezar un favicon desde un SVG es el mejor caso: cada tamaño de icono se dibuja de nuevo a partir del vector en lugar de reducirse desde un mapa de bits grande, así que la versión de 16 px queda tan nítida como permite la cuadrícula de píxeles.
Convertidor de imágenes
o suelte aquí archivos JPG, JPEG, JPE … ·
Máx. 95 MB por archivo· Hasta 20 archivos· Se borran a los 30 minutos
Los archivos se procesan en nuestros servidores y se borran a los 30 minutos.
Con 85 las fotos se ven idénticas al original. Conviene bajarla solo cuando se necesita un archivo más pequeño.
JPG, BMP y EPS no admiten transparencia. Los píxeles transparentes se rellenan con este color.
Color hexadecimal que se usa detrás de los píxeles transparentes, p. ej., #FFFFFF.
Este formato contiene una sola imagen. Para conservar la animación, elija la salida GIF o WebP.
Un icono de varios tamaños contiene varias resoluciones en un solo archivo; los navegadores y sistemas operativos eligen la que necesitan.
Se conservan las dimensiones originales, o se indica un lado y se mantiene la relación de aspecto.
Píxeles para el lado elegido arriba.
Porcentaje de las dimensiones originales.
sRGB es lo adecuado para pantallas y la web. Para flujos de impresión conviene conservar el original; la escala de grises descarta el color.
Solo metadatos; 0 conserva el valor original. Las impresoras y algunos portales leen este número; no cambia las dimensiones en píxeles.
Cómo usar esta herramienta
- 1
Suba el logotipo SVG
Use el símbolo o el monograma, no el logotipo completo con el nombre. Un viewBox cuadrado da el resultado más limpio.
- 2
Conserve todos los tamaños de icono
Tamaños de icono empieza en Todos los tamaños (16–256), que reúne todas las resoluciones en un solo .ico. Elija un único tamaño solo cuando un programa pida exactamente uno.
- 3
Pulse Convertir a ICO
Guarde el archivo como favicon.ico en la carpeta raíz de su sitio o haga que un acceso directo de Windows apunte a él.
¿Cómo convierto SVG a ICO para un favicon?
Suba el SVG, deje Tamaños de icono en Todos los tamaños (16–256) y pulse Convertir a ICO. Obtiene un solo .ico con todas las resoluciones dibujadas desde el vector y la transparencia intacta.
Convertir SVG a ICO: por qué el vector es la fuente correcta
El formato .ico viene de las primeras versiones de Windows, y la convención favicon.ico de Internet Explorer 5 en 1999, que buscaba un archivo con ese nombre en la raíz de cada sitio que se guardaba en favoritos. Un ICO es un contenedor pequeño: un directorio de entradas, cada una un mapa de bits cuadrado independiente, así que un archivo puede guardar un icono de pestaña de 16 px y un icono de escritorio de 256 px uno junto al otro. Windows Vista elevó el máximo a 256 × 256 y permitió guardar esas entradas grandes como PNG.
Como cada entrada es su propio mapa de bits, la calidad de un icono depende de cómo se generó cada tamaño. Desde un PNG, cada tamaño es una reducción de los mismos píxeles. Desde un SVG, cada tamaño es un renderizado nuevo de los trazados, con el suavizado calculado para esa cuadrícula exacta. A 16 × 16 px, donde un logotipo dispone de 256 píxeles, esa diferencia se nota.
16 × 16 px
16 × 16
Pestañas del navegador, marcadores e historial.
32 × 32 px
32 × 32
Pestañas en pantallas de alta densidad, accesos directos de la barra de tareas de Windows.
64 × 64 px
64 × 64
Vistas de escritorio escaladas y elementos anclados.
128 × 128 px
128 × 128
Vistas previas grandes en los administradores de archivos.
256 × 256 px
256 × 256
La entrada ICO más grande; iconos muy grandes del Explorador.
SVG
Scalable Vector Graphics
SVG es un formato vectorial basado en XML estandarizado por el W3C en 2001. En lugar de píxeles, describe formas, trazados y texto, por lo que se mantiene nítido a cualquier tamaño y suele ocupar muy poco en logotipos e iconos. Admite transparencia, estilos CSS, scripts y animación, y todos los navegadores lo muestran de forma nativa. SVG no es adecuado para fotografías, y las ilustraciones complejas pueden tardar en renderizarse. Illustrator, Inkscape, Figma y los navegadores pueden abrirlo y editarlo.
- Compresión
- –
- Transparencia
- Sí
- Animación
- Sí
- Presentado en
- 2001 · W3C
ICO
Icono de Windows (ICO)
ICO es el formato de iconos de Microsoft que se usa para los iconos de programas de Windows y los favicons de sitios web. Un archivo .ico puede contener varias imágenes de distintos tamaños, como 16×16, 32×32, 48×48 y 256×256 píxeles, para que el sistema elija la más adecuada. Cada imagen puede guardarse como mapa de bits o como datos PNG y admite transparencia alfa completa. ICO no está pensado para fotos ni ilustraciones grandes. Los navegadores, Windows y la mayoría de los editores de iconos pueden leerlo.
- Compresión
- Sin pérdida
- Transparencia
- Sí
- Animación
- No
- Presentado en
- Microsoft
Se convierte SVG a ICO porque el logotipo existe como vector y la raíz del sitio web, un acceso directo de Windows o una aplicación de escritorio siguen esperando un único archivo .ico que contenga varios tamaños de mapa de bits.
Prepare el SVG antes de convertirlo a ICO
| Sí | No |
|---|---|
Ponga el viewBox cuadrado, por ejemplo 0 0 512 512. | Depender de trazos muy finos que desaparecen por debajo de 32 px. |
| Deje un pequeño margen para que el símbolo no toque el borde del icono. | Mantener un logotipo ancho con el nombre que se vuelve una mancha delgada. |
| Convierta el texto en contornos para que la fuente no cambie. | Hacer referencia a imágenes externas o fuentes web dentro del SVG. |
| Use el símbolo o las iniciales, no el nombre completo. | Añadir un rectángulo blanco detrás del logotipo, salvo que también lo quiera en pestañas oscuras. |
El convertidor renderiza lo que describe el SVG y nada más, así que no puede descargar recursos enlazados ni fuentes que no estén incrustadas. Herramientas de diseño como Figma, Illustrator e Inkscape pueden exportar el texto como trazados; hágalo y las letras coincidirán con su marca en todas partes.
Cuando tenga el .ico, añada un PNG de 180 px para los iconos táctiles de Apple y el propio SVG para los navegadores que admiten favicons vectoriales; de SVG a PNG genera el PNG a cualquier tamaño. Si su fuente es un logotipo en mapa de bits, de PNG a ICO hace el mismo trabajo a partir de píxeles.
Convertir SVG a ICO: preguntas
¿Por qué usar un convertidor de SVG a ICO en lugar de partir de un PNG?
Un PNG tiene que reducirse para cada tamaño de icono, y reducir desenfoca los bordes. Un SVG se renderiza directamente a 16, 32, 64, 128 y 256 px, así que cada tamaño obtiene bordes nítidos para su propia cuadrícula de píxeles.
¿Los navegadores siguen necesitando favicon.ico si mi sitio tiene un icono SVG?
Chrome y Firefox leen un favicon SVG declarado con una etiqueta link, pero muchos navegadores, lectores de feeds y rastreadores siguen pidiendo /favicon.ico en la raíz del sitio por defecto. Publicar ambos lo cubre todo.
¿Qué pasa al convertir a ICO un SVG que no es cuadrado?
Los espacios para iconos son cuadrados, así que un logotipo ancho queda con márgenes vacíos o se ve diminuto. Edite antes el viewBox para que ancho y alto sean iguales, o recorte una versión cuadrada con la herramienta recortar imagen después de exportar un PNG.
¿Se conserva en el ICO el fondo transparente del SVG?
Sí. ICO guarda un canal alfa, así que las zonas sin relleno del SVG siguen transparentes y el icono se ve limpio en pestañas del navegador claras y oscuras.
¿Puedo convertir SVG a ICO para un programa o una carpeta de Windows?
Sí, sirve el mismo archivo. Windows lee la imagen de 256 px para las vistas de iconos grandes y muy grandes del Explorador y las entradas más pequeñas para las listas y la barra de tareas.
¿Por qué mi icono ICO convertido desde SVG se ve vacío a 16 px?
Los trazos finos y el texto pequeño desaparecen a ese tamaño. Un trazo de 2 unidades en una mesa de trabajo de 512 unidades se renderiza muy por debajo de un píxel en un icono de 16 px. Engrose las líneas o use un símbolo más simple para el favicon.
Otros convertidores de iconos
- Convertir PNG a ICOPase un PNG a ICO en línea: un solo .ico con todos los tamaños de 16 a 256 px y la transparencia intacta. Para favicons y accesos directos de Windows. Gratis.
- Convertir JPG a ICOConvierta un JPG o JPEG en un archivo .ico con tamaños de 16, 32, 64, 128 y 256 px, para el favicon de un sitio web o un acceso directo de Windows. Sin cuenta.
- Convertir ICO a PNGConvierta archivos .ico a PNG conservando el fondo transparente. Extrae la imagen más grande del icono para que favicons e iconos de Windows salgan nítidos.
- Convertir SVG a PNGRasterice logotipos e iconos SVG a PNG con el ancho que elija, 1024 px por defecto, sin perder el fondo transparente. Vea cómo se relacionan DPI y píxeles.
- Convertir PNG a ICO 256x256Cree un ICO de 256 × 256 desde un PNG para iconos muy grandes de Windows, instaladores y Electron. Conserva la transparencia, un tamaño por archivo, sin cuenta.
- Convertir imagen a ICOConvierta cualquier imagen en un .ico multitamaño para un favicon o un acceso directo de Windows. Admite PNG, JPG, SVG, WebP, HEIC y más; de 16 a 256 px.