Convert SVG to PNG or JPEG — 100% in your browser
Click "Convert to Image" to convert & download
Processing uses browser-native Canvas and File APIs, so output can vary slightly between browsers. All processing runs locally in your browser.
SVG stores a drawing as math — paths, shapes, coordinates — so it scales to any size with zero quality loss. PNG/JPEG store a fixed grid of pixels. Converting "rasterizes" the math onto a grid at the size you choose: bigger size → sharper edges but a larger file; smaller → compact but softer curves.
A circle is a single element in SVG — one line of math. Rasterized at 64px it shows stair-stepped edges; at 512px the same math yields smooth edges. That is why the size slider matters.
The same logo as SVG, converted at three sizes.
Convert SVG to PNG or JPG with custom dimensions and transparent background. Everything runs locally; nothing is uploaded.
FreeToolHub SVG to PNG / JPEG is a free browser-based tool — convert SVG to PNG or JPG with custom dimensions and transparent background. No signup, no upload; everything runs locally in your browser.
Convierte SVG a PNG o JPG con dimensiones personalizadas y fondo transparente. Vista previa en vivo. Gratis, 100% en el navegador.
El conversor de SVG rasteriza el código vectorial SVG a mapas de bits PNG o JPEG en cualquier resolución de 64 a 2048 píxeles, por completo en tu navegador. Pega el marcado SVG directamente en el editor de código o sube un archivo .svg, y una vista previa en vivo se vuelve a renderizar mientras editas; si a tu fuente le falta el viewBox, se genera automáticamente a partir de sus atributos width y height para que el escalado se comporte correctamente. La salida es cuadrada al tamaño que elijas, PNG conserva el fondo transparente y JPEG codifica con una calidad fija de 0,92. El panel de resultado indica las dimensiones exactas, el formato y el tamaño del archivo codificado antes de que te comprometas, lo que convierte esto en un puente rápido del diseño vectorial al entregable ráster.
Los diseñadores que exportan iconos producen versiones ráster píxel-perfectas en cada tamaño habitual sin abrir un editor de escritorio. Los desarrolladores que reciben logos SVG pero necesitan respaldos PNG para plantillas de correo, documentos de Office o plataformas antiguas convierten en segundos. Los creadores de contenido rasterizan ilustraciones vectoriales para plataformas que rechazan la subida de SVG: muchas redes sociales y campos de imagen de CMS siguen haciéndolo. Los que preparan presentaciones exportan al máximo de 2048 píxeles para gráficos de diapositiva nítidos. Y quienes experimentan con marcado SVG obtienen realimentación visual inmediata de la vista previa, que expone el marcado mal formado antes de convertir. Como el texto de tu SVG nunca sale de la sesión del navegador, el arte vectorial propiedad del cliente permanece confidencial durante todo el proceso.
(1) Proporciona el origen SVG: pega el marcado en el cuadro de código, pulsa Upload SVG para cargar un archivo, o pulsa Sample para ver un ejemplo funcionando. (2) Ajusta el tamaño de salida en el control deslizante de 64 a 2048 píxeles y elige PNG o JPEG. (3) Pulsa Convert to Image. Tu marcado se analiza, se le inyectan atributos width y height explícitos, se serializa y se renderiza sobre un canvas a la resolución elegida; PNG conserva la transparencia, mientras que JPEG codifica a calidad 0,92. (4) Revisa el resultado renderizado con sus dimensiones y tamaño de archivo indicados, y descárgalo: el archivo se llama svg- más el tamaño que elegiste, como svg-512x512.png, y un toast confirma cada éxito.
Elige PNG siempre que el gráfico contenga transparencia, bordes nítidos, texto o color plano: logos, iconos y elementos de interfaz. PNG es sin pérdidas, las líneas se mantienen nítidas a cualquier tamaño de exportación y el fondo transparente sobrevive, lo que importa cuando una marca debe apoyarse limpiamente sobre cualquier fondo. Elige JPEG solo para contenido de tono continuo, como degradados o fotografías incrustadas, donde su compresión con pérdida a la calidad fija de 0,92 produce archivos visiblemente más pequeños y los artefactos sutiles desaparecen. Una advertencia: JPEG no puede guardar alpha, así que las regiones transparentes se renderizan en negro en la salida JPEG. Para iconos y logos la respuesta es casi siempre PNG; reserva JPEG para ilustraciones SVG que se comportan como fotografías.
El SVG es matemáticas, así que la calidad la decide enteramente el tamaño de rasterizado que elijas, no el conversor. Ajusta el ancho y alto de salida al menos al mayor tamaño en el que lo mostrarás, o usa el preajuste de 300 DPI para impresión. PNG es sin pérdidas, así que una vez rasterizado a ese tamaño los píxeles no se degradan más: lo que difumina los bordes es ampliar después.
JPEG no tiene canal alpha, así que la transparencia debe rellenarse con un color sólido, y la herramienta la rellena de blanco por defecto. Si necesitas conservar la transparencia, elige PNG o WebP como formato de salida: ambos preservan el canal alpha tal como lo definió el SVG.
96 DPI corresponde al renderizado estándar de pantalla y es lo indicado para recursos web; 72 DPI produce exportaciones más pequeñas de tamaño heredado; 150 DPI sirve para incrustar en documentos típicos; 300 DPI es el estándar de impresión. Los preajustes calculan las dimensiones en píxeles a partir del viewBox del SVG, así que un viewBox de 100x100 a 300 DPI exporta a 313x313 píxeles.
No. La conversión usa las APIs nativas Canvas y File del navegador por completo en tu dispositivo: tu origen SVG y la salida ráster nunca salen del navegador. La salida puede variar muy ligeramente entre navegadores porque cada uno tiene su propio rasterizador, y eso también ocurre con cualquier conversor del lado del cliente.
Yes. The tool preserves SVG transparency when converting to PNG. You can also set a custom background color (white, black, or any hex color). For JPG output, transparency is replaced with white since JPG does not support alpha channels. Set custom output dimensions or use the SVG's native size.
Embedded fonts and inline images convert correctly. External references (fonts loaded via @font-face URL, or <image href="external-url">) may not render if the external resources are blocked by CORS. For best results, embed all fonts and images inline in the SVG before conversion.
What do you call a really smart cookie?
No signups, no data sold. Every tool is free to use — the free tier allows 5 downloads or saves per day, and the optional Pro plan ($7/mo, $59/yr) adds unlimited downloads, batch processing, white-label exports and an ad-free experience.
☕Support me on Ko-fi— support the free tier100% of proceeds go towards hosting & building more free tools.