Arrastrá un archivo SVG o hacé clic para seleccionar
SVG
Cómo funciona
El SVG es un formato vectorial: describe formas con coordenadas, así que se puede dibujar a cualquier tamaño sin perder nitidez. El PNG y el JPG, en cambio, son mapas de bits con una cantidad fija de píxeles. Rasterizar es justamente ese paso: fijar una resolución y dibujar el vector sobre esa grilla de píxeles.
Por eso la resolución se elige antes de convertir, no después. La herramienta reescribe el ancho y el alto del SVG al tamaño pedido y recién ahí lo dibuja, de modo que el navegador vuelve a trazar las curvas a esa escala en lugar de agrandar una imagen chica. Podés indicar un multiplicador (2×, 4×…) o un ancho y alto exactos en píxeles.
El PNG conserva la transparencia; el JPG no, así que las zonas transparentes se rellenan con el color de fondo que elijas. Todo el dibujado ocurre en tu navegador con Canvas: ni el archivo ni el código SVG se suben a ningún servidor.
Ejemplos
<svg viewBox="0 0 24 24" width="24" height="24">…</svg>PNG 96 × 96 pxUn ícono de 24 px convertido con multiplicador 4× queda en 96 × 96 px, el tamaño habitual para pantallas de alta densidad.<svg viewBox="0 0 1200 630">…</svg>JPG 1200 × 630 pxUn SVG sin atributos width y height toma su tamaño del viewBox; acá se rasteriza a 1× para una imagen de vista previa en redes sociales.Casos de uso
- Generar los íconos en PNG que piden las tiendas de apps o los manifiestos web, que no aceptan SVG.
- Convertir un logo vectorial a PNG con fondo transparente para insertarlo en una presentación o un documento.
- Exportar un diagrama o gráfico SVG a JPG para adjuntarlo en un correo o subirlo a una plataforma que rechaza vectores.
- Obtener versiones @2x y @3x de un mismo ícono para pantallas de alta densidad.
- Producir la imagen de vista previa (Open Graph) de una web a partir de una plantilla SVG.
Preguntas frecuentes
¿Qué resolución conviene elegir?
La del uso final. Para pantallas comunes alcanza con el tamaño en el que se va a mostrar la imagen; para pantallas de alta densidad conviene 2× o 3× ese valor. Para impresión, multiplicá el tamaño en pulgadas por 300 para llegar a 300 ppp.
¿Por qué mi SVG sale con un tamaño que no esperaba?
El tamaño inicial se toma de los atributos width y height; si faltan o están en porcentaje, se usa la relación del viewBox. Cuando no hay ninguno de los dos, el navegador asume 300 × 150 px. Podés ignorar ese valor y escribir el ancho y el alto exactos en modo personalizado.
¿Se conserva la transparencia?
En PNG sí, si dejás marcada la opción de fondo transparente. El JPG no admite canal alfa, así que siempre se dibuja sobre un color sólido: por defecto blanco, aunque podés cambiarlo.
¿Por qué falla un SVG que usa imágenes o fuentes externas?
Al dibujarse dentro de una imagen, el SVG no puede descargar recursos de otros dominios y el navegador bloquea la exportación por seguridad. La solución es incrustar esos recursos en el propio SVG: las imágenes como data URI y los textos convertidos a trazados.
¿Se puede volver de PNG a SVG?
No de forma directa: al rasterizar se pierde la información vectorial y sólo quedan píxeles. Recuperar las curvas requiere un proceso de vectorización que reconstruye formas aproximadas, no el original. Conviene guardar siempre el SVG de partida.