Convertir SVG a PNG o JPG, a cualquier tamaño
Convierte archivos SVG a PNG con fondo transparente, o a JPG. Elige 1×, 2×, 4× o un ancho en píxeles. Varios a la vez; los archivos no salen de tu equipo.
Funciona en tu equipoFunciona completa en tu navegador: nada de lo que escribes o subes sale de tu equipo.
Cómo usarla
- Suelta uno o varios archivos SVG, o haz clic para elegirlos.
- Elige PNG para fondo transparente, o JPG para fondo blanco.
- Elige el tamaño: 1×, 2×, 4× o un ancho en píxeles.
- Descarga cada imagen, o todas a la vez.
Por qué un SVG tiene que volverse PNG
SVG es un formato vectorial: guarda las formas como instrucciones de dibujo, no como píxeles, y por eso se ve nítido a cualquier tamaño. Así se entregan los logos, los íconos y muchas ilustraciones. Pero muchos lugares no lo aceptan: redes sociales, WhatsApp, la mayoría de formularios, tiendas en línea y varias imprentas piden PNG o JPG. Un PNG es una cuadrícula de píxeles que abre en cualquier lado y conserva la transparencia; un JPG también abre en todas partes, pero no tiene transparencia.
Como un SVG no tiene un tamaño fijo en píxeles, tú decides cuál: 1× es el tamaño escrito en el archivo, 2× y 4× dan imágenes más nítidas para pantallas de celular y para imprimir, y Ancho te deja pedir los píxeles exactos que exige una página.
Ejemplo: un logo de 120 píxeles convertido en un PNG de 1200
La panadería panaderia-ejemplo.co te manda logo.svg. Su código dice viewBox="0 0 120 40" y no tiene ancho ni alto, así que en 1× la fila dice 120×40 → 120×40: una imagen diminuta, muy pequeña para una foto de perfil o un banner.
Elige Ancho y escribe 1200. Ahora la fila dice 120×40 → 1200×400 y el archivo es logo.png, con fondo transparente. Los bordes quedan nítidos, porque el navegador vuelve a dibujar las formas a 1200 píxeles en vez de agrandar una imagen pequeña. Si eliges JPG, las zonas transparentes quedan blancas, que es lo que quieres para un documento de fondo blanco.
Scripts, fuentes y lo que no pasa a la imagen
Tu navegador dibuja cada SVG como una imagen, igual que una página web muestra una foto. En ese modo los scripts del SVG no se ejecutan y no se carga nada de internet: ni imágenes enlazadas, ni hojas de estilo, ni fuentes web. Por eso es seguro convertir un archivo de alguien que no conoces, pero un SVG que depende de una fuente web se dibuja con otra fuente, y una imagen enlazada queda por fuera. En tu programa de diseño, convierte el texto en trazos (contornos) e incrusta las imágenes antes de exportar.
Un archivo que no es SVG, o cuyo código está dañado, se rechaza con un mensaje. Un SVG sin ancho ni alto toma su tamaño del viewBox; si tampoco lo tiene, se toma como de 1000 píxeles de ancho. Un SVG animado se guarda como imagen fija, y lo que pase de 16 megapíxeles se reduce a ese tamaño, lo máximo que cualquier dispositivo puede dibujar.
Preguntas frecuentes
¿Puedo convertir un PNG a SVG?
Aquí no: esta herramienta solo va de SVG a píxeles. Volver un PNG un SVG de verdad significa calcar sus formas (vectorizar), lo que necesita un programa de diseño o una herramienta de vectorización, y solo funciona bien con logos sencillos. Un PNG metido dentro de un archivo SVG sigue hecho de píxeles y no se vuelve más nítido.
¿El PNG conserva el fondo transparente?
Sí. Las zonas donde no hay nada dibujado quedan transparentes en el PNG. JPG no tiene transparencia, así que ahí quedan blancas.
¿Qué tamaño elijo?
1× usa el tamaño escrito en el SVG. Para una página web o una app, 2× se ve nítido en pantallas de celular. Para imprimir, calcula los píxeles: un logo de 10 cm de ancho a 300 dpi necesita unos 1181 píxeles (10 ÷ 2,54 × 300), así que elige Ancho y escribe 1181.
¿Por qué el texto se ve distinto a mi diseño?
Seguramente el SVG usa una fuente que no está instalada en este dispositivo, o que carga desde internet, algo que una imagen nunca hace. Entonces el navegador usa otra fuente. En tu programa de diseño, convierte el texto en trazos (contornos) antes de exportar el SVG y se verá igual en todas partes.
¿Es seguro convertir un SVG que me enviaron?
Aquí sí. Un SVG puede llevar scripts, como una página web, y abrirlo directamente en una pestaña del navegador puede ejecutarlos. Esta herramienta solo lo dibuja como imagen, donde los scripts no corren y nada se carga de internet. Igual, ten cuidado al abrir directamente en el navegador un SVG inesperado que te llegó por correo.
Más en este capítulo
- 3.1HEIC a JPGConvierte fotos HEIC del iPhone a JPG o PNG en tu navegador, varias a la vez y con la calidad que elijas.
- 3.2Comprimir imágenesReduce el peso de imágenes JPEG, PNG y WebP por calidad, dimensiones o un peso máximo en KB, varias a la vez.
- 3.3Quitar EXIF y GPSMira y elimina los metadatos ocultos de tus fotos (ubicación GPS, cámara, fecha) antes de compartirlas.
- 3.4Cambiar tamañoCambia el tamaño en píxeles o porcentaje, o la relación de aspecto (1:1, 4:5, 9:16…) recortando o con bordes.
- 3.5Convertir imágenesConvierte imágenes a PNG, JPG o WebP en tu navegador, varias a la vez.
- 3.6EPS a PNG o JPGConvierte un EPS, como el logo que te mandó la imprenta, en PNG con fondo transparente o en JPG a 150, 300 o 600 ppp.
- 3.8Imagen a Base64Convierte una imagen en data URL Base64, Base64 solo, etiqueta HTML <img> y línea de fondo CSS, listos para pegar.
╌╌ FIN ╌╌