Convertir SVG a icono
Un solo logotipo vectorial sirve para todos los huecos de icono que tenga: un favicon, un acceso directo de Windows, una aplicación de Mac y los iconos del lanzador en teléfonos. Esta página empieza con un ICO de varios tamaños y le permite cambiar a ICNS o PNG para las demás plataformas.
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 un SVG cuadrado
Añada el SVG de su marca, idealmente con un viewBox cuadrado. Puede añadir hasta 20 archivos a la vez, por ejemplo una variante clara y otra oscura.
- 2
Elija el formato de icono
Viene preseleccionado ICO con Tamaños de icono en Todos los tamaños (16–256). Elija ICNS en Convertir a para macOS, o PNG con un ancho en Redimensionar imagen de salida para un icono de teléfono o de tienda de aplicaciones.
- 3
Convierta y coloque los archivos
Pulse Convertir a ICO (la etiqueta sigue el formato elegido), descargue y ponga cada archivo donde lo espera su plataforma.
No existe un único formato de icono. Windows y los navegadores usan ICO, macOS usa ICNS y los teléfonos usan conjuntos de PNG. Partir de un SVG significa que cada uno se dibuja de nuevo a partir del vector, nítido en cada tamaño.
De SVG a icono: un vector, tres tipos de archivo de icono
Un archivo de icono es un contenedor de pequeños mapas de bits, no un vector. El sistema operativo elige el mapa de bits más cercano al tamaño que necesita, así que un buen icono incluye varios, cada uno renderizado para su propia cuadrícula.
El ajuste ICO de esta página escribe un solo archivo con todos los tamaños de 16 a 256 px, lo que cubre favicon.ico y los accesos directos de Windows. Cambie Convertir a a ICNS para un contenedor de iconos de Apple, o a PNG para los tamaños sueltos que piden Android, iOS y las tiendas de aplicaciones.
La tabla recoge lo que publican las principales plataformas para sus huecos de icono.
| Organismo | Requisito | Fuente |
|---|---|---|
| Escritorio y barra de tareas de Windows | ICO con varios tamaños, entre ellos 16, 32, 48 y 256 px | — |
| Favicon de un sitio web | favicon.ico en la raíz del sitio con 16, 32 y 48 px; un PNG de 180 × 180 px para apple-touch-icon | — |
| Icono de aplicación de macOS | ICNS o catálogo de recursos de Xcode, tamaños de hasta 1024 × 1024 px | — |
| Ficha de Google Play Store | PNG de 32 bits de 512 × 512 px, hasta 1024 KB | — |
| App Store de Apple | PNG de 1024 × 1024 px sin transparencia | — |
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 busca convertir SVG a icono cuando se tiene un logotipo vectorial y varias plataformas que atender, cada una con su propio contenedor de iconos, desde favicon.ico en un sitio web hasta ICNS en un Mac y PNG con tamaños fijos en las tiendas de aplicaciones.
Convertir SVG a iconos para Windows, Mac, Android e iOS
Mantenga ICO y Tamaños de icono en Todos los tamaños. Renombre el resultado como favicon.ico para la raíz de un sitio web, o selecciónelo en el cuadro Cambiar icono de un acceso directo de Windows.
- Un solo .ico sirve para pestañas, marcadores y la barra de tareas
- Añada un PNG de 180 px para los accesos en la pantalla de inicio del iPhone
Elija ICNS en Convertir a. El archivo contiene tamaños de hasta 256 px; para un paquete de aplicación, exporte también PNG de 512 y 1024 px para Xcode.
- Use un SVG cuadrado con algo de margen interior
- Los iconos propios de Apple se apoyan en un cuadrado redondeado; dibújelo en el SVG si quiere ese aspecto
Elija PNG y fije el ancho en Redimensionar imagen de salida, una vez por tamaño. Las fichas de las tiendas piden 512 px para Google Play y 1024 px para la App Store.
- Los iconos adaptables de Android usan capas de 108 dp con una zona segura de 72 dp
- Quite la transparencia del icono de la App Store
Cómo diseñar un SVG que resista los 16 px
Un icono de 16 × 16 px tiene 256 píxeles en total. La mayoría de las marcas mantienen un símbolo aparte para iconos, a menudo solo el isotipo o una letra, con formas gruesas y pocos colores; si el suyo aún no existe, haga una copia simplificada del SVG para los iconos.
Revise el viewBox antes de convertir. Un viewBox ancho produce un icono con franjas vacías arriba y abajo de la marca, así que recórtelo antes a un cuadrado; la guía para recortar una imagen a una proporción explica los recortes cuadrados, y SVG a PNG ofrece una vista previa grande y rápida para juzgar el diseño.
Preguntas frecuentes sobre SVG a icono
¿En qué se diferencia esta página de SVG a icono de la de SVG a ICO?
SVG a ICO se centra en el archivo .ico único para favicons y Windows. Esta página cubre todos los sitios donde va un icono, incluidos el ICNS de macOS y los PNG de tamaño fijo que piden Android, iOS y las tiendas de aplicaciones.
¿Qué formato de icono usa cada sistema operativo?
Windows lee ICO; macOS lee ICNS o catálogos de recursos creados en Xcode; y Android e iOS usan imágenes PNG entregadas en tamaños fijos en píxeles.
¿Puedo obtener todos los tamaños PNG de mi app desde un SVG en una sola conversión?
No. Un PNG contiene un solo tamaño, así que cada conversión escribe un ancho. Ponga Redimensionar imagen de salida en un tamaño, convierta, cambie el número y vuelva a convertir; cada tamaño se dibuja nítido a partir del vector.
¿El ICNS creado desde SVG incluye los iconos Retina de Mac?
Contiene tamaños de 16 a 256 px. Los iconos de aplicaciones actuales de macOS incluyen además entradas de 512 px y 1024 px para pantallas Retina, que Xcode o iconutil de Apple generan a partir de PNG; exporte esos dos como PNG aquí y añádalos al conjunto.
¿El icono generado desde SVG debe mantener el fondo transparente?
En ICO, ICNS y las capas del lanzador de Android, sí: la transparencia permite que el sistema dibuje su propio fondo. La excepción es el icono de la App Store de iOS; Apple rechaza un icono de marketing de 1024 px con canal alfa, así que dé a ese PNG un fondo sólido en el SVG.
¿Por qué mi logotipo detallado se convierte en una mancha como icono pequeño?
A 16 o 32 px no hay espacio para líneas finas ni texto pequeño. Engrose los trazos para que cubran al menos un píxel entero en el tamaño más pequeño y quite el logotipo de texto.
Más convertidores de iconos
- Convertir SVG a ICOConvierta SVG a ICO con todos los tamaños de 16 a 256 px renderizados desde el vector y la transparencia intacta. Cree un favicon.ico o un icono de Windows.
- Convertir PNG a ICNSConvierta un PNG en un icono .icns de Apple para apps, scripts, volúmenes DMG y carpetas de Mac. Varios tamaños, transparencia conservada, sin Xcode.
- 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 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.
- Convertir ICNS a PNGConvierta iconos .icns de macOS a PNG en línea. Se guarda la imagen más grande del conjunto, hasta 1024 × 1024 px, con su transparencia. Funciona en Windows.
- 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.