Convertir SVG a PNG.
Convierte archivos SVG o código SVG pegado en imágenes PNG a 1x, 2x, 4x o el ancho que necesites, con fondo transparente o de color. Cada imagen se dibuja desde el vector a su tamaño final, así que queda nítida. Funciona en tu navegador, así que tus archivos nunca se suben.
Cómo convertir SVG a PNG
- Elige tus archivos SVG o suéltalos en el recuadro de arriba. Puedes añadir varios a la vez o pegar código SVG.
- Elige el tamaño: 1x, 2x o 4x el tamaño propio del SVG, o un ancho personalizado en píxeles. Empieza en 2x, que se ve nítido en la mayoría de pantallas.
- Elige el fondo: transparente o un color sólido.
- Convierte y descarga cada PNG, o todos juntos en un archivo ZIP.
Conviene saber:
- Nítido en cualquier tamaño. La herramienta dibuja el vector al tamaño de salida en lugar de ampliar un mapa de bits pequeño, así que un PNG a 4x queda tan nítido como uno a 1x.
- Tamaño y nombre. El tamaño sale del width y height del SVG, o de su viewBox. Los archivos conservan su nombre con la escala añadida:
logo.svga 2x pasa a serlogo@2x.png. - Fuentes e imágenes enlazadas. Los navegadores no cargan archivos externos al dibujar un SVG como imagen, así que el texto con una fuente web puede salir en otra fuente y las imágenes enlazadas no aparecen. Si las letras deben coincidir, convierte primero el texto en contornos en tu herramienta de diseño.
Cuándo necesitas un PNG en vez de un SVG
SVG es el mejor formato para iconos y logos en una web, pero muchos sitios solo aceptan mapas de bits: iconos de apps, imágenes de vista previa para redes, correos, presentaciones, algunos campos de CMS y muchas herramientas de chat y diseño. Guarda el SVG como original y exporta PNG desde él cuando los necesites, al tamaño que pida cada sitio.
Si Codex hizo el SVG, pon los PNG en tu proyecto y dile dónde van:
Usa los archivos PNG de [public/brand] donde no se admite SVG: [la imagen de vista previa para redes, la cabecera del correo y el README]. Mantén el SVG en el resto del sitio y pon width y height a cada <img> para que el diseño no salte.
Preguntas frecuentes
¿El conversor de SVG a PNG es gratis?
Sí. Sin registro, sin marca de agua y sin límite diario.
¿Se suben mis archivos?
No. Tu navegador lee cada SVG, lo dibuja y guarda el PNG en tu dispositivo. El sitio solo cuenta que se usó la herramienta, nunca lo que pusiste.
¿Por qué el texto de mi PNG se ve distinto?
Seguramente el SVG usa una fuente web. Al dibujar un SVG como imagen, el navegador no carga archivos externos y usa una fuente de reserva. Convierte el texto en contornos en tu herramienta de diseño, o incrusta la fuente en el SVG, y vuelve a convertir.
¿Cómo consigo un PNG con fondo transparente?
Deja el fondo en Transparente, que es la opción predeterminada. Cualquier zona que el SVG no pinte queda transparente en el PNG.