Convierte SVG a JPG sobre el color de fondo que elijas
Añade archivos SVG o pega código SVG, fija el tamaño, el color de fondo y la calidad JPG, y recupéralos como JPG. Todo ocurre en tu propio navegador, así que no se sube ningún archivo.
- Funciona en tu navegador: sin subida
- Gratis, sin registro
- Acepta archivos SVG o código pegado
- 20 archivos por lote, 20 MB cada uno
Tamaño
1× es el tamaño que el propio SVG indica. Cada archivo se convierte con los ajustes activos cuando empieza, así que un cambio aquí también se aplica a los archivos que siguen esperando en la lista.
Escala
Cualquier número mayor que 0, como 1,5 o 0,5.
O fija un lado en píxeles
Indica un ancho o un alto; el otro lado sigue la forma de cada SVG.
Salida máxima: 16384 px por lado y, como mucho, 8192 × 8192 px de área.
JPG no puede guardar transparencia, así que las zonas transparentes del SVG se rellenan con este color.
Calidad
85Más alta mantiene más nítidos los bordes y las líneas finas; más baja da un archivo más pequeño.
Suelta archivos SVG aquí o haz clic para buscarlos
Se aceptan: SVG.
Hasta 20 archivos, 20 MB por archivo
Cómo convertir SVG a JPG
Fija el tamaño, el fondo y la calidad
Elige una escala o un ancho en píxeles, luego el color que rellena las zonas transparentes del SVG (blanco de entrada) y la calidad JPG. 85 va bien para la mayoría de los gráficos.
Añade tus SVG
Suelta hasta 20 archivos SVG, o pega código SVG en «Pegar código». Cada uno se pinta sobre el color de fondo al tamaño que hayas fijado.
Guarda los JPG
Descarga cada JPG, con su tamaño en píxeles en el nombre, o el lote entero en un ZIP. Si cambias un ajuste después, la lista te ofrece rehacer con él los archivos terminados.
Tamaños de SVG a JPG para web e impresión
Para un JPG, las filas que cuentan son los anchos mayores, al final de la tabla: páginas web, presentaciones, documentos e impresiones, donde una imagen opaca sobre un fondo conocido va bien. Las filas pequeñas de iconos suelen necesitar, en cambio, la transparencia de un PNG. Ninguno de estos anchos es la norma de un sitio. Elige una fila y el conversor usa su ancho.
| Ancho | Uso habitual | Aplicar este ancho en el conversor |
|---|---|---|
| 16 px | El tamaño clásico de favicon para la pestaña del navegador. | |
| 32 px | Un favicon para pantallas de alta densidad y barras de marcadores. | |
| 48 px | Un favicon más grande que se suele incluir para los accesos directos del escritorio. | |
| 180 px | El tamaño habitual del icono de la pantalla de inicio en iPhone y iPad (apple-touch-icon). | |
| 192 px | Un icono habitual del manifiesto de una aplicación web, el que se ve en la pantalla de inicio de Android. | |
| 512 px | El icono grande del manifiesto de una aplicación web, que también se usa al instalarla y en la pantalla de bienvenida. | |
| 1024 px | Un logo o una ilustración nítidos para páginas web, documentos y presentaciones. | |
| 2048 px | Gráficos para pantallas de alta densidad e impresiones pequeñas. | |
| 4096 px | Impresiones grandes y banners. Con este ancho, solo un SVG más de cuatro veces más alto que ancho supera el límite de tamaño. |
16 px
El tamaño clásico de favicon para la pestaña del navegador.
32 px
Un favicon para pantallas de alta densidad y barras de marcadores.
48 px
Un favicon más grande que se suele incluir para los accesos directos del escritorio.
180 px
El tamaño habitual del icono de la pantalla de inicio en iPhone y iPad (apple-touch-icon).
192 px
Un icono habitual del manifiesto de una aplicación web, el que se ve en la pantalla de inicio de Android.
512 px
El icono grande del manifiesto de una aplicación web, que también se usa al instalarla y en la pantalla de bienvenida.
1024 px
Un logo o una ilustración nítidos para páginas web, documentos y presentaciones.
2048 px
Gráficos para pantallas de alta densidad e impresiones pequeñas.
4096 px
Impresiones grandes y banners. Con este ancho, solo un SVG más de cuatro veces más alto que ancho supera el límite de tamaño.
No se indican altos porque cada SVG conserva su propia forma: un icono cuadrado sale cuadrado, y un logo el doble de ancho que de alto sale con un alto de la mitad del ancho.
Qué cambia cuando un SVG se convierte en JPG
Un JPG no puede guardar transparencia, y renuncia a un poco de detalle para ocupar poco. Esas dos cosas, y las fuentes que usa el dibujo, deciden cómo queda el resultado.
SVG transparenteJPG rellenado El fondo rellena los huecos
Donde el SVG es transparente, un JPG sigue necesitando un color. El conversor pinta primero tu color de fondo y dibuja el SVG encima; sin ese paso, un navegador rellena esas zonas de negro.
Haz coincidir el fondo con la página, la diapositiva o el anuncio donde irá el JPG, para que los bordes suaves y las sombras se fundan con él.
Calidad altaCalidad baja Calidad y colores planos
La compresión JPG está pensada para fotografías. En los colores planos y los bordes duros de los que están hechos la mayoría de los SVG, deja leves manchas alrededor de las líneas y las letras, y más cuanto más baja es la calidad.
Mantén la calidad en 85 o más para logos y texto; para dibujos planos que tienen que ocupar muy poco, un PNG suele ser más pequeño y más limpio.
Fuente disponibleFuente alternativa Letras, fuentes y compresión
Las letras se dibujan en el momento de la conversión, con una fuente instalada aquí o incrustada en el SVG; una fuente web que el SVG solo enlaza no se descarga, así que una fuente alternativa ocupa su lugar. Después, la compresión JPG trabaja sobre las letras ya dibujadas, y en los trazos finos y el texto pequeño es donde antes se notan sus manchas.
Convierte el texto en contornos antes de exportar el SVG, y sube la calidad cuando el JPG lleve letras pequeñas.
Cómo sacar un JPG limpio de un SVG
Todo JPG es opaco, así que el ajuste que más importa es el color de fondo. Empieza en blanco. Si el JPG va sobre una página, una diapositiva o un anuncio de producto de color, fija ese color aquí, para que los bordes suaves y las sombras se fundan con él en lugar de dejar un halo blanco.
Si las zonas transparentes deben seguir siéndolo, para un logo que va sobre fondos de distintos colores, JPG es el formato equivocado: convierte el SVG a PNG, que las conserva.
El control de calidad equilibra el tamaño del archivo frente a esas manchas alrededor de los bordes. Para quedar por debajo de un límite de subida concreto sin adivinar con el control, convierte con una calidad alta y después comprime el JPG a un tamaño de archivo objetivo.
El texto es la otra sorpresa habitual. Se usan las fuentes instaladas en este dispositivo y las incrustadas en el SVG, pero una fuente enlazada desde la web no se carga, así que las letras pueden cambiar. Convierte el texto en contornos antes de exportar el SVG siempre que tenga que coincidir.
Límites que conviene conocer
- Entrada: archivos SVG o código SVG pegado, como máximo 20 por lote y 20 MB por archivo o por pegado.
- Salida: un JPG de hasta 16384 px por lado y 8192 × 8192 px de área. Un tamaño mayor se rechaza antes incluso de pintar el fondo.
- Sin transparencia ni animación: las zonas transparentes toman el color de fondo, y un SVG animado se convierte en un único instante fijo que elige el navegador.
- Chrome, Edge y Safari no exportan un JPG de un SVG que contiene HTML (un elemento foreignObject), con ningún fondo ni ninguna calidad; Firefox sí.
Preguntas frecuentes sobre SVG a JPG
¿Se sube mi SVG a algún sitio al convertirlo a JPG?
No. El relleno del fondo, el dibujo y la compresión JPG ocurren en esta pestaña del navegador, así que ni el archivo ni el código pegado llegan a ningún servidor. Lo que la página descarga mientras trabajas es su propio código, como la biblioteca ZIP en tu primera descarga en ZIP, nunca tus gráficos. Las imágenes y fuentes que enlaza el SVG no se piden en ningún momento.
¿Cómo convierto un SVG a JPG con fondo blanco?
El blanco es el valor por defecto, así que las zonas transparentes del SVG salen blancas sin cambiar nada. Para otro color, elígelo con la muestra o escribe su valor hexadecimal en los ajustes que hay encima de la zona de archivos. Luego puedes rehacer con el nuevo color, desde la lista, los archivos ya convertidos.
¿Qué calidad JPG debo usar para un SVG?
85, el valor por defecto, va bien para la mayoría de los gráficos. Los logos, los dibujos de líneas y el texto pequeño muestran las manchas de compresión antes que las fotografías, así que usa 90 o más para ellos. Los valores más bajos dan archivos más pequeños con bordes visiblemente más blandos.
¿Puedo crear un JPG grande y de alta resolución a partir de un SVG?
Sí. Indica el ancho que necesitas en píxeles, o una escala como 4×. El SVG se vuelve a dibujar a ese tamaño en lugar de estirarse, así que los bordes quedan nítidos hasta 16384 px por lado y 8192 × 8192 px de área. Un JPG grande puede pesar mucho: baja un poco la calidad, o comprímelo después a un tamaño de archivo objetivo, en lugar de convertirlo a un tamaño menor.
¿Por qué las letras de mi JPG no se ven bien?
O falta la fuente o las letras salen manchadas. Si falta la fuente, el SVG nombra una que este dispositivo no tiene y no la lleva incrustada, y las fuentes web enlazadas no se cargan durante la conversión, así que el navegador pone otra en su lugar. Incrusta la fuente o convierte el texto en contornos en tu programa de diseño, y vuelve a convertirlo. Si la fuente es la correcta pero los bordes salen borrosos, es la compresión JPG: sube la calidad.
¿Qué significa el error sobre contenido HTML?
Significa que el SVG incrusta HTML mediante un elemento foreignObject; algunas aplicaciones de diagramas exportan así sus etiquetas de texto. Cambiar el color de fondo o la calidad no sirve: Chrome, Edge y Safari no dejan guardar ningún dibujo que contenga HTML. Convierte el archivo en Firefox, que sí lo permite, o sustituye esa parte por texto y formas SVG normales y vuelve a añadir el archivo.
¿Puedo convertir código SVG en lugar de un archivo?
Sí. Abre «Pegar código», pega el marcado y pulsa «Convertir código»; hasta 20 MB de código cada vez. También funciona el código copiado del HTML de una página web, incluso sin el atributo xmlns: el conversor encuentra el SVG que hay dentro y lo completa antes de dibujarlo.
Qué hacer después
- SVG a PNG¿Quieres conservar las zonas transparentes? Convierte el mismo SVG a PNG.
- Comprimir imagen¿El JPG supera un límite de subida? Comprímelo a un tamaño de archivo exacto.
- Convertir formato de imagen¿Necesitas WebP o AVIF para una página web? Convierte los JPG por lotes.
- Cambiar tamaño de imagenAjusta el JPG a un lienzo exacto, con relleno o recortado, para un anuncio o una diapositiva.
- Ampliar imagen¿Solo tienes una copia pequeña en mapa de bits del gráfico? Amplíala antes de usarla.
Convierte ahora tu SVG en JPG
Elige un color de fondo y una calidad, suelta tus SVG o pega el código, y guarda JPG listos para páginas web, presentaciones e impresión. Nada sale de este dispositivo.