Come modificare un file SVG: strumenti, codice e buone pratiche
Scopri come modificare file SVG con strumenti di design o codice XML, correggere problemi di colore e viewBox e mantenere un workflow solido per la produzione.
Leggi il blog SVGRidimensiona file SVG online gratis. Modifica larghezza e altezza, mantieni le proporzioni e scarica subito l'SVG ridimensionato.
Benvenuto in Editor SVG
Trascina un file SVG, fai clic su "Carica"/"Icone" oppure usa Ctrl/Cmd+V per incollare codice SVG
Inizia con un'icona di esempio
Scegli un esempio qui sotto oppure carica e modifica il tuo SVG.
Ridimensiona SVG online inserendo larghezza e altezza esatte in pixel, oppure scalando in percentuale. Così rispetti specifiche di design, design token o la dimensione di un PNG esportato.
Con il blocco attivo le proporzioni restano intatte, quindi icone, loghi e illustrazioni non risultano mai allungati. Disattivalo quando conta di più una dimensione di riquadro fissa.
Il viewBox viene conservato e aggiornato quando serve, così l'SVG ridimensionato scala correttamente in CSS e HTML. Questo evita ritagli, spazi indesiderati e salti di layout.
Ogni modifica si applica subito, con zoom e opzioni di sfondo, per verificare margini e allineamento prima dell'esportazione. Uno sfondo contrastato evidenzia i tracciati indesiderati.
Scarica l'SVG ridimensionato o esporta un PNG in un solo passaggio. Tieni entrambi i formati insieme quando serve una versione raster per documenti, slide o chat.
Il ridimensionatore gira interamente nel browser, quindi i file SVG non lasciano mai il dispositivo. I lavori per i clienti restano riservati e i file grandi non attendono caricamenti.
Trascina un file o incolla il markup SVG. Il ridimensionatore carica la sorgente localmente e mantiene il viewBox originale. Se l'SVG non ha viewBox, aggiungilo prima di ridimensionare.
Inserisci larghezza e altezza di destinazione, oppure lascia attivo il blocco delle proporzioni e scala in modo proporzionale. L'anteprima mostra esattamente il risultato.
Scarica l'SVG ridimensionato o esporta subito un PNG. Mantieni una denominazione coerente, ad esempio icon-name-24.svg, per ritrovare ogni variante.
Usa SVG Resize con questi strumenti per ruotare, ottimizzare ed esportare asset coerenti.
Regola l'orientamento prima di SVG Resize così le dimensioni finali corrispondono al tuo layout. In questo modo larghezza e altezza restano prevedibili dopo la rotazione.
Apri strumentoComprimi il file dopo SVG Resize per mantenere l'output leggero. File più piccoli si caricano più velocemente nelle app e nei tool di design.
Apri strumentoVisualizza l'asset prima e dopo SVG Resize per verificare l'allineamento. Usa sfondi a griglia per controllare il padding.
Apri strumentoEsporta PNG insieme ai risultati di SVG Resize quando hai bisogno di fallback raster. È utile per presentazioni e documentazione.
Apri strumentoScopri altri contenuti pratici su flussi SVG, risoluzione dei problemi e produzione.
Scopri come modificare file SVG con strumenti di design o codice XML, correggere problemi di colore e viewBox e mantenere un workflow solido per la produzione.
Leggi il blog SVGScopri cosa sono i file SVG, quando usarli e come aprirli, crearli, modificarli, ottimizzarli e convertirli in modo sicuro.
Leggi il blog SVGUn workflow SVG ripetibile per i design system, per mantenere icone coerenti da Figma alla produzione.
Leggi il blog SVG