Sobre esta herramienta
Esta herramienta convierte un archivo SVG vectorial en una imagen PNG o JPEG a la resolución que elijas, directamente en tu navegador. Suelta un archivo .svg y la herramienta lee su propio width, height y viewBox para sugerir un tamaño inicial razonable — luego puedes escribir las dimensiones de salida que quieras antes de convertir.
Es útil siempre que necesites una versión rasterizada de un gráfico vectorial: convertir un logotipo o icono en PNG para una plataforma que no admite subir SVG, generar varios tamaños de píxeles fijos (iconos de apps, favicons, avatares de redes sociales) a partir de un único archivo vectorial maestro, o incluir un gráfico nítido en un documento o presentación que espera un formato de imagen normal.
Como el SVG es arte vectorial y no una cuadrícula de píxeles, ampliarlo o reducirlo al tamaño de salida que elijas se mantiene nítido — sin el desenfoque ni el pixelado que obtendrías al estirar una foto JPEG o PNG más allá de su resolución nativa. Elige PNG para conservar la transparencia del SVG original, o JPEG con un color de fondo si necesitas una imagen plana totalmente opaca. Todo ocurre localmente mediante la API Canvas — tu archivo SVG nunca se sube a ningún sitio.
Preguntas frecuentes
¿Por qué mi PNG rasterizado se ve pixelado en tamaños grandes?
Esto no debería ocurrir si la conversión en sí funciona correctamente; SVG es datos vectoriales, por lo que se escala limpiamente a CUALQUIER tamaño de píxel de salida sin pixelación, a diferencia de ampliar una imagen rasterizada. Si tu PNG se ve pixelado, verifica que el ancho/alto de salida que configuraste sean realmente los que pretendías (un tamaño objetivo mucho más pequeño de lo previsto se verá "correcto" pero diminuto, y luego se verá borroso/pixelado si lo muestras a un tamaño mucho mayor en tu caso de uso final; eso es un problema de escalado en el momento de la visualización, no de la conversión). Vuelve a exportar con tus dimensiones de píxel finales realmente previstas para obtener un resultado nítido.
¿Por qué mi SVG aparece más pequeño/grande de lo esperado antes de establecer dimensiones personalizadas?
El tamaño predeterminado mostrado proviene de los atributos `width`/`height` propios del archivo SVG si están presentes, o de sus dimensiones `viewBox` si no, o de un valor predeterminado genérico de 512×512 si el archivo no tiene ninguno; muchos SVG (especialmente los exportados de herramientas de diseño) solo declaran un `viewBox` sin dimensiones de píxeles explícitas, por lo que el tamaño "natural" que ves no siempre es significativo. Simplemente establece los campos de ancho/alto a lo que realmente necesites; como el SVG son datos vectoriales, no hay compensación de calidad por elegir un tamaño diferente al predeterminado detectado.