Da SVG a PNG
SVG to PNG
Disegna un SVG in PNG, JPEG o WebP a qualsiasi fattore di scala, con lo sfondo trasparente o pieno.
Trasformare un SVG in una bitmap è quello che si fa quando la destinazione non accetta vettori: una scheda social, un'email, l'icona di un'app. L'inghippo è che il browser disegna l'SVG isolato — niente immagini collegate, niente fogli di stile esterni, niente webfont — quindi quello che esce non è sempre quello che mostra la propria pagina.
Trascina qui un SVG
Oppure incolla il markup qui sotto.
Sorgente
Come si usa
Trascinare il file o incollare il markup
La dimensione intrinseca si legge da width e height o dal viewBox, e la pagina dice quando ha dovuto tirare a indovinare.
Impostare il fattore di scala
Moltiplica la dimensione intrinseca, e le dimensioni in pixel che ne escono sono mostrate accanto al cursore, così il 3× di un'icona da 24 px è visibilmente 72 px e non una supposizione.
Scegliere fra trasparenza e sfondo
Il JPEG non ha alfa, quindi sceglierlo obbliga a un colore di sfondo invece di comporre in silenzio sul nero.
Domande frequenti
Il testo è uscito con il carattere sbagliato.
Il renderer non può scaricare un webfont: un SVG rasterizzato così non carica niente dall'esterno. Conviene convertire il testo in tracciati nel proprio editor prima di esportare; è il consiglio standard per un SVG che deve rasterizzare identico dappertutto.
Dice che il browser si è rifiutato di disegnarlo.
Per lo più manca l'attributo xmlns — un SVG senza quello non è XML che il browser disegni — oppure il markup è malformato, oppure si fa riferimento a una risorsa che non gli è permesso caricare.
Conviene rasterizzare per il proprio sito?
Per lo più no. Un SVG resta nitido a ogni densità di schermo ed è spesso più piccolo del PNG; se serve per il CSS, il codificatore di data URI lo tiene vettoriale. Conviene rasterizzare quando qualcosa più avanti davvero non sa leggere l'SVG.
Può ricevere da
Ottimizzare un SVG
SVG Optimiser
Toglie i residui lasciati dagli editor, fonde le trasformazioni e arrotonda la precisione dei tracciati, mostrando il confronto disegnato.
Da immagine a SVG
Image to SVG
Ricalca una bitmap in tracciati SVG, tarato su loghi e disegni al tratto più che sulle fotografie.
Editor di tracciati SVG
SVG Path Editor
Converte i dati di un tracciato tra comandi assoluti e relativi, lo sposta, lo ridimensiona, lo ruota e ne inverte il verso, e mostra il riquadro di delimitazione con l’anteprima.
Editor SVG con spiegazioni
SVG Editor and Explainer
Modifica un SVG accanto alla sua resa dal vivo e spiega il file: viewBox e scalatura, trasformazioni, ogni comando di tracciato, il colore ereditato, i byte sprecati e che cosa si rompe dentro un <img>, in un data URI o in linea.
Dopo
Questi accettano ciò che produce questo strumento, così il risultato può passare direttamente.
Generatore di favicon
Favicon Generator
Produce l’intero corredo di favicon — ICO, PNG, icona per Apple touch, manifesto web — più l’HTML da incollare.
Ridimensionare le immagini
Image Resizer
Ridimensiona per pixel, per percentuale o fissando il lato lungo, con il blocco delle proporzioni e preimpostazioni per lavorare a lotti.
Comprimere PNG
PNG Compressor
Riduce la tavolozza e riscrive il flusso deflate per far dimagrire un PNG senza cambiarne le dimensioni in pixel.
Ottimizzare un SVG
SVG Optimiser
Toglie i residui lasciati dagli editor, fonde le trasformazioni e arrotonda la precisione dei tracciati, mostrando il confronto disegnato.
Togliere lo sfondo
Background Remover
Elimina uno sfondo piatto o di un colore solo lavorando in OKLab e restituisce un PNG trasparente, con un pennello per rifinire i bordi.
Togliere i dati EXIF
EXIF Remover
Elimina dalle foto i metadati di fotocamera, GPS e modifica, lasciando i pixel intatti.