Quando si tratta di immagini web, PNG è un formato di riferimento per il suo supporto di trasparenza e ampia compatibilità. D’altro canto, SVG è un favorito per la sua scalabilità, che lo rende ideale per loghi, icone e altre grafiche basate su vettori. Nonostante i numerosi vantaggi di SVG, ci sono momenti in cui è necessario convertire SVG in PNG, soprattutto per garantire la compatibilità tra diverse piattaforme e dispositivi. In questo post del blog, ti guideremo attraverso il processo di conversione della grafica SVG in formato PNG utilizzando Node.js.

Convertire SVG in PNG usando Node.js (scala di grigi, rotazione, capovolgimento, filigrana luminosa)

API Node.js per convertire le immagini

GroupDocs fornisce una potente Conversion API che consente agli sviluppatori di convertire i formati delle immagini e manipolare le immagini risultanti durante il processo di conversione. L’API supporta un’ampia gamma di opzioni avanzate, rendendola un’ottima scelta per convertire SVG in PNG in Node.js. Per questa attività utilizzeremo GroupDocs.Conversion for Node.js.

Per iniziare, puoi installare GroupDocs.Conversion for Node.js eseguendo il seguente comando nel tuo progetto:

npm i @groupdocs/groupdocs.conversion

Per ulteriori dettagli, visitare la documentazione e il Riferimento API.

Convertire SVG in immagine PNG utilizzando Node.js

Iniziamo convertendo la grafica vettoriale SVG in formato PNG usando le impostazioni predefinite. I seguenti passaggi descrivono come convertire un’immagine SVG in PNG usando Node.js.

  • Caricare il file SVG utilizzando la classe Converter.
  • Imposta le opzioni di conversione.
  • Specificare il formato di output come PNG.
  • Richiamare il metodo convert() con le opzioni preparate.

Ecco il codice Node.js che converte SVG in PNG:

// Convertire il file SVG in formato PNG utilizzando l'API di conversione Node.js con opzioni predefinite
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)

Conversione avanzata da SVG a PNG con Node.js

GroupDocs.Conversion for Node.js offre una varietà di opzioni di personalizzazione che puoi applicare all’output PNG durante il processo di conversione. Queste opzioni includono:

  • Regolazione della luminosità
  • Regolazione del contrasto
  • Correzione gamma
  • Conversione in scala di grigi
  • Capovolgimento orizzontale o verticale
  • Angoli di rotazione
  • Dimensioni immagine personalizzate (altezza e larghezza)
  • Aggiunta di filigrana

Diamo un’occhiata a come è possibile applicare queste opzioni avanzate durante la conversione da SVG a PNG in Node.js.

  • Caricare il file SVG utilizzando la classe Converter.
  • Imposta le opzioni di conversione delle immagini.
  • Specificare il formato di output come PNG.
  • Definisci le personalizzazioni, come luminosità, rotazione o qualsiasi altra opzione disponibile.
  • Richiamare il metodo convert() per generare il PNG.

Ecco il codice Node.js che applica alcune di queste opzioni avanzate:

// Converti il vettore SVG in formato PNG con Node.js utilizzando varie personalizzazioni

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)

Prova la conversione da SVG a PNG online GRATIS

Hai bisogno di una soluzione rapida e semplice per convertire i file SVG in PNG? Utilizza questo [convertitore SVG in PNG] online gratuito 11. È accessibile da qualsiasi dispositivo con un browser web, il che lo rende comodo e senza problemi.

Converti un documento Word in PDF usando Node.js.

Ottieni una licenza API gratuita

È possibile ottenere una licenza temporanea gratuita per GroupDocs.Conversion, che consente di utilizzare l’API senza limitazioni di valutazione.

Conclusione

In questo post, abbiamo esplorato come convertire la grafica vettoriale SVG in immagini PNG usando Node.js con GroupDocs.Conversion for Node.js. Abbiamo anche mostrato come puoi migliorare il processo di conversione applicando personalizzazioni come rotazione, scala di grigi, filigrana, regolazioni della luminosità e altro ancora. Queste funzionalità avanzate ti consentono di adattare l’output PNG alle tue esigenze specifiche.

Per altri esempi, dai un’occhiata al repository GroupDocs GitHub, dove puoi trovare vari esempi di codice per aiutarti a creare il tuo convertitore da SVG a PNG. Se hai domande, non esitare a contattarci tramite il forum.

Vedi anche