Command Palette

Search for a command to run...

CO

Convertidor de SVG a PNG

Convierta gráficos vectoriales SVG a PNG a 1x, 2x o 4x en su navegador, no es necesario cargarlos

SVGtoPNGConverts as soon as you add files
SVG scale

PNG is lossless and keeps transparency, so it is often larger than the same image as JPG or WebP.

Files (0)

No files yet

Add files and they convert right away. Change a setting and they convert again.

Built with open source libraries. Licenses

¿qué es un convertidor de SVG a PNG?

Un convertidor de SVG a PNG dibuja un gráfico vectorial en una cuadrícula de píxeles y guarda el resultado como PNG. SVG, el formato W3C para gráficos vectoriales escalables, describe formas como geometría: rutas, círculos, gradientes y texto. Eso mantiene un logotipo nítido en cualquier tamaño, pero también significa que no hay píxeles hasta que algo los dibuja. Las cargas de perfiles sociales, los documentos de oficina, las firmas de correo electrónico, los listados de tiendas de aplicaciones y muchos sistemas de contenido quieren píxeles, por lo que primero se debe representar el SVG.

Aquí la representación se realiza mediante el propio motor SVG de su navegador, el mismo que dibuja SVG en las páginas web. El tamaño proviene del archivo. Cuando el SVG establece un ancho y un alto, se utilizan unidades como mm, pt o convertidas a píxeles. Cuando solo tiene un viewBox, se usa el tamaño de viewBox, y cuando no tiene ninguno, se dibuja a 1024 x 1024. Un SVG cuyo lado más largo sale por debajo de 512 píxeles, un ícono típico de 24 x 24, por ejemplo, se amplía en proporción hasta que ese lado tiene 512 píxeles, porque un vector no pierde nada al ser dibujado más grande. La opción de escala SVG luego multiplica el tamaño por 1, 2 o 4, y la nota debajo de la fila de cada archivo dice qué tamaño se usó y por qué. Al cambiar la escala se convierten cada SVG agregado nuevamente al nuevo tamaño.

Una carrera se ve así. Se suelta logo.svg, que declara ancho="240" alto="80", y se elige 2x. Primero se amplía el logotipo a 512 x 171, luego se duplica y al hacer clic en la miniatura de la fila se abre una vista previa con el título 1024x342, con el fondo transparente mostrándose como un tablero de ajedrez. Todo lo que el SVG no pinta permanece transparente en el PNG, que suele ser el punto de elegir PNG en lugar de JPG.

Parte del contenido de SVG no se puede dibujar de esta manera. Un SVG representado como una imagen no puede recuperar nada fuera del archivo, por lo que las imágenes y fuentes web vinculadas por URL se omiten y los scripts dentro del SVG no se ejecutan. Se dibujan imágenes incrustadas en el archivo mismo. Un SVG animado se convierte en un único fotograma fijo y un SVG con un error XML se rechaza con un mensaje.

Todo se ejecuta en el lado del cliente y no se carga nada. Se rechazan los archivos SVG de más de 50 MB, al igual que cualquier salida de más de 100 megapíxeles o más ancha o más alta que 16384 píxeles, en cuyo caso una escala más pequeña generalmente lo corrige. La herramienta es gratuita, sin registro, con un límite de conversión diario.

Cómo convertir SVG a PNG

  1. Agregue sus archivos SVG

    Déjalos caer en el cuadro que lee Imágenes Drop SVG aquí o haz clic para cargar. Puede ingresar un conjunto completo de íconos a la vez y cada archivo comienza a convertirse tan pronto como se agrega. Los archivos en otros formatos se rechazan con un enlace al convertidor.

  2. Ajuste la escala SVG

    Elija 1x, 2x o 4x. 1x utiliza el tamaño establecido en el SVG, ampliado a 512 píxeles en el lado más largo cuando es más pequeño que eso. 2x y 4x duplican o cuadriplican ambas dimensiones, lo que se adapta a pantallas de alta densidad e impresión. Cambiar la escala convierte nuevamente cada SVG agregado.

  3. Consulta cada resultado

    Cada fila muestra una miniatura del PNG, su estado, una línea de tamaño que compara el SVG con el PNG y una nota que explica cómo se calculó el tamaño del píxel. Haga clic en la miniatura para ver el PNG grande, con su tamaño de píxel, y cambie entre Antes y Después.

  4. Descarga los PNG

    Presione el ícono de descarga en una fila para guardar un archivo, o Descargue todas (n imágenes) en el encabezado de la lista para guardar el conjunto como png.zip convertido. Los archivos que comparten un nombre están numerados en el ZIP.

¿por qué convertir SVG a PNG?

SVG es el mejor formato para mantener. PNG suele ser el mejor formato para entregar, porque muchos más lugares pueden aceptarlo.

Cargas que solo toman imágenes rasterizadas

Las imágenes de perfil, los listados del mercado, los creadores de firmas de correo electrónico y muchas bibliotecas multimedia CMS aceptan JPG y PNG pero no SVG, en parte porque SVG puede contener scripts. Un PNG pasa esas comprobaciones y mantiene el fondo transparente que necesita un logotipo.

Documentos, diapositivas y chat

Las suites de oficina, las aplicaciones de mensajería y las herramientas de diseño más antiguas manejan SVG de manera desigual: algunas lo rechazan, otras eliminan gradientes o fuentes, otras no muestran nada en absoluto. Un PNG se ve igual en todas partes, porque lo que ves ya está dibujado.

Activos de tamaño fijo para aplicaciones e íconos

Las tiendas de aplicaciones, los lanzadores y los conjuntos de favicon solicitan tamaños de píxeles exactos. Represente el SVG a una escala generosa aquí, luego cambie su tamaño con image resizer o convierta el PNG en un favicon con convertidor de PNG a ICO.

SVG vs PNG: cuál usar

SVG y PNG comparados en cuanto a logotipos, iconos e ilustraciones
SVGPNG
Tipo de imagenVector. Formas descritas como geometría.Raster. Una cuadrícula fija de píxeles.
decapadoAfilado en cualquier tamaño.Se vuelve borroso o pixelado cuando se amplía más allá de su tamaño.
diapositivaTodo lo que no esté pintado es transparente.Canal alfa completo, mantenido por este convertidor.
AnimaciónPosible con CSS o SMIL.Imagen fija. Los SVG animados se convierten en un cuadro aquí.
Tamaño de archivo típicoPequeño para íconos y logotipos simples, grande para obras de arte complejas.Crece con dimensiones de píxeles, por lo que la salida 4x es mucho más pesada que 1x.
TextoNecesita la fuente disponible o el texto convertido en contornos.Horneado en píxeles, por lo que se ve igual en todas partes.
Soporte de softwareTodos los navegadores modernos. Desigual en herramientas de oficina, chat y carga.Cerca de universal.
mejor paraSitios web, obras de arte originales y cualquier cosa que cambie de tamaño con frecuencia.Cargas, documentos, activos de aplicaciones y uso compartido.

Cómo se calcula el tamaño de PNG

Un SVG no tiene un tamaño de píxel fijo, por lo que el convertidor decide uno en tres pasos e informa el resultado en la nota debajo de cada archivo.

  1. Lea el tamaño del elemento raíz svg: ancho y alto si ambos están configurados, uno de ellos más las proporciones de viewBox si solo uno lo está, viewBox solo si ninguno lo es y 1024 x 1024 si tampoco hay viewBox. Se ignoran los porcentajes y los valores em.
  2. Si el lado más largo tiene menos de 512 píxeles, amplíe el dibujo en proporción para que el lado más largo tenga 512.
  3. Multiplica ambos lados por la escala que elegiste: 1, 2 o 4.
Tamaños PNG de ejemplo en cada escala SVG
declara SVG1x2x4x
ancho="24" alto="24"512x5121024x10242048x2048
viewBox="0 0 800 600" solamente800x6001600x12003200x2400
ancho="210mm" alto="297mm"794x11231588x22463176x4492
Sin ancho, alto ni viewBox1024x10242048x20484096x4096

La salida tiene un límite de 100 megapíxeles y 16384 píxeles a cada lado. Un SVG de 5000 x 5000 está bien en 1x y 2x, pero en 4x tendría 20000 píxeles de ancho y se rechaza con un mensaje. Elige una escala más baja y convierte.

Privacidad y seguridad

  • Se dibuja el SVG y el PNG se guarda dentro de esta pestaña del navegador, del lado del cliente. El archivo nunca se carga.
  • El SVG se representa como una imagen, por lo que los scripts que contiene no se ejecutan y los enlaces a archivos externos no se recuperan. Abrir un SVG desde una fuente desconocida aquí no le permite llegar a la red.
  • No se trata de ningún decodificador WebAssembly, porque los navegadores renderizan SVG con su propio motor incorporado.
  • La verificación de límite diaria envía el nombre de la herramienta, un identificador del dispositivo y el token de su cuenta si ha iniciado sesión. Después de un lote, solo se registran el recuento de archivos, los bytes totales y el formato de salida, nunca los nombres o contenidos de los archivos.
  • Los PNG convertidos permanecen en la memoria de la pestaña hasta que los elimines, presione Borrar todo o cierre la página. No se guarda ninguna copia en un servidor.

Características clave

  • Salida 1x, 2x y 4x

    Represente un SVG en su propio tamaño o en resolución doble o cuádruple, para obtener resultados precisos en pantallas de alta densidad e impresas.

  • Los iconos pequeños salen utilizables

    Un SVG declarado en 24 x 24 o similar se amplía a 512 píxeles en su lado más largo antes de escalarlo, en lugar de convertirse en un sello postal.

  • Transparencia mantenida

    Las áreas que el SVG no pinta permanecen transparentes, y la miniatura de la fila y la vista previa detrás de ella se encuentran en un tablero de ajedrez para que puedas verlas.

  • Lee unidades reales

    Los anchos en px, pt, pc, in, cm y mm se convierten en píxeles, y el ancho o alto faltante vuelve al viewBox.

Frequently Asked Questions

Coloque los archivos SVG en esta página y elija 1x, 2x o 4x. Su navegador dibuja cada SVG y lo guarda como PNG tan pronto como se agrega, y nuevamente cada vez que cambia la escala, con un ícono de descarga en cada fila y un ZIP para todo el conjunto.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

svg to pngconvert svg to pngsvg to png converterfree svg to png convertersvg to png transparentsvg to png high resolutionsvg to png 2xexport svg as pngbatch convert svg to pngsvg icon to png