Cuando se trata de imágenes web, PNG es un formato preferido por su soporte de transparencia y amplia compatibilidad. Por otro lado, SVG es favorito por su escalabilidad, lo que lo hace ideal para logotipos, íconos y otras gráficas basadas en vectores. A pesar de las muchas ventajas de SVG, a veces es necesario convertir SVG a PNG, especialmente para garantizar la compatibilidad en diferentes plataformas y dispositivos. En esta publicación del blog, le guiaremos a través del proceso de convertir gráficos SVG a formato PNG usando Node.js.
API de Node.js para convertir imágenes
GroupDocs proporciona una potente Conversion API 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 elección para convertir SVG a PNG en Node.js. Utilizaremos 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 más detalles, visite la documentación y la Referencia de API.
Convertir SVG a imagen PNG usando Node.js
Comencemos convirtiendo gráficos vectoriales SVG a formato PNG usando la configuración predeterminada. Los siguientes pasos describen cómo convertir una imagen SVG a PNG usando Node.js.
- Cargar el archivo SVG mediante la clase Converter.
- Configurar las opciones de conversión.
- Especificar el formato de salida como PNG.
- Invocar el método convert() con las opciones preparadas.
A continuación se muestra el código Node.js que convierte el SVG a PNG:
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 a escala de grises
- Volteo horizontal o vertical
- Ángulos de rotación
- Dimensiones de imagen personalizadas (altura y ancho)
- Añadir marca de agua
Veamos cómo puede aplicar estas opciones avanzadas durante la conversión de SVG a PNG en Node.js.
- Cargar el archivo SVG mediante la clase Converter.
- Configurar las opciones de conversión de imagen.
- Especificar el formato de salida como PNG.
- Definir las personalizaciones, como brillo, rotación u otras disponibles.
- Invocar el método convert() para generar el PNG.
A continuación se muestra el código Node.js que aplica algunas de estas opciones avanzadas:
Prueba 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 de SVG a PNG gratuito en línea. Es accesible desde cualquier dispositivo con un navegador web, lo que lo hace cómodo y sin complicaciones.
Obtén una licencia de API gratuita
Puede obtener una licencia temporal gratuita para GroupDocs.Conversion, lo que le permite usar la API sin limitaciones de evaluación.
Conclusión
En esta publicación, hemos explorado cómo convertir gráficos vectoriales SVG a imágenes PNG usando Node.js con GroupDocs.Conversion for Node.js. También hemos demostrado cómo puede 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 le permiten adaptar la salida PNG a sus requisitos exactos.
Para más ejemplos, consulte el repositorio de GitHub de GroupDocs, donde encontrará varios fragmentos de código que le ayudarán a crear su propio convertidor de SVG a PNG. Si tiene alguna pregunta, no dude en contactarnos a través del foro.