Cuando se trata de imágenes web, PNG es el formato preferido por su transparencia y amplia compatibilidad. Por otro lado, SVG es el favorito por su escalabilidad, lo que lo hace ideal para logotipos, íconos y otros gráficos basados en vectores. A pesar de las muchas ventajas de SVG, hay ocasiones en las que es necesario convertir SVG a PNG, especialmente para garantizar la compatibilidad entre diferentes plataformas y dispositivos. En esta publicación del blog, lo guiaremos a través del proceso de conversión de gráficos SVG a formato PNG usando Node.js.
API de Node.js para convertir imágenes
GroupDocs ofrece una potente API de conversión que permite a los desarrolladores convertir formatos de imagen y manipular las imágenes resultantes durante el proceso de conversión. La API admite una amplia gama de opciones avanzadas, lo que la convierte en una excelente opción para convertir SVG a PNG en Node.js. Usaremos GroupDocs.Conversion for Node.js para esta tarea.
Para comenzar, puede instalar GroupDocs.Conversion for Node.js ejecutando el siguiente comando en su proyecto:
npm i @groupdocs/groupdocs.conversion
Para obtener más detalles, visite la documentación y la Referencia de API.
Convertir imágenes SVG a PNG con Node.js
Comencemos convirtiendo gráficos vectoriales SVG a formato PNG utilizando la configuración predeterminada. Los siguientes pasos describen cómo convertir una imagen SVG a PNG utilizando Node.js.
- Cargue el archivo SVG utilizando la clase Converter.
- Configurar las opciones de conversión.
- Especifique el formato de salida como PNG.
- Invoque el método convert() con las opciones preparadas.
Aquí está el código Node.js que convierte SVG a PNG:
// Convierte un archivo SVG en formato PNG usando la API de conversión de Node.js con opciones predeterminadas
const converter = new groupdocs.conversion.Converter("path/vector-graphic.svg")
const convertOptions = new groupdocs.conversion.ImageConvertOptions()
convertOptions.setFormat(groupdocs.conversion.ImageFileType.Png)
converter.convert("path/converted-svg-to-png.png", convertOptions)
Conversión avanzada de SVG a PNG con Node.js
GroupDocs.Conversion for Node.js ofrece una variedad de opciones de personalización que puede aplicar a la salida PNG durante el proceso de conversión. Estas opciones incluyen:
- Ajuste de brillo
- Ajuste de contraste
- Corrección gamma
- Conversión de escala de grises
- Giro horizontal o vertical
- Ángulos de rotación
- Dimensiones de imagen personalizadas (alto y ancho)
- Adición de marca de agua
Veamos cómo puedes aplicar estas opciones avanzadas durante la conversión de SVG a PNG en Node.js.
- Cargue el archivo SVG utilizando la clase Converter.
- Configure las opciones de conversión de imágenes.
- Especifique el formato de salida como PNG.
- Define las personalizaciones, como brillo, rotación o cualquier otra disponible.
- Invoque el método convert() para generar el PNG.
Aquí está el código Node.js que aplica algunas de estas opciones avanzadas:
// Convierte vectores SVG en formato PNG con Node.js usando varias personalizaciones
const converter = new groupdocs.conversion.Converter("path/vector-graphic.svg")
const convertOptions = new groupdocs.conversion.ImageConvertOptions();
convertOptions.setFormat(groupdocs.conversion.ImageFileType.Png);
convertOptions.setFlipMode(groupdocs.conversion.ImageFlipModes.FlipY);
convertOptions.setBrightness(50);
convertOptions.setContrast(50);
convertOptions.setGamma(0.5);
convertOptions.setGrayscale(true);
convertOptions.setHorizontalResolution(300);
convertOptions.setVerticalResolution(100);
convertOptions.setPageNumber(1);
convertOptions.setPagesCount(2);
converter.convert("path/converted-svg-to-png.png", convertOptions)
Pruebe la conversión de SVG a PNG en línea GRATIS
¿Necesita una solución rápida y sencilla para convertir archivos SVG a PNG? Utilice este [convertidor SVG a PNG] gratuito en línea11. Se puede acceder a él desde cualquier dispositivo con un navegador web, lo que lo hace cómodo y sin complicaciones.
Obtenga una licencia API gratuita
Puede obtener una licencia temporal gratuita para GroupDocs.Conversion, que le permite utilizar la API sin limitaciones de evaluación.
Conclusión
En esta publicación, hemos explorado cómo convertir gráficos vectoriales SVG en imágenes PNG usando Node.js con GroupDocs.Conversion for Node.js. También hemos mostrado cómo puedes mejorar el proceso de conversión aplicando personalizaciones como rotación, escala de grises, marcas de agua, ajustes de brillo y más. Estas funciones avanzadas te permiten adaptar la salida PNG a tus requisitos exactos.
Para ver más ejemplos, consulta el repositorio de GitHub GroupDocs, donde puedes encontrar varios ejemplos de código que te ayudarán a crear tu propio conversor de SVG a PNG. Si tienes alguna pregunta, no dudes en comunicarte con nosotros a través del foro.