SVGView

Strumento di ridimensionamento SVG

Regola le dimensioni senza rompere il layout. Utile per adattare le icone a una griglia o rispettare specifiche di design. Apri file SVG online e inizia subito a elaborarli.

Nessun SVG caricato. Trascina un file per iniziare.

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.

Perché usare il nostro strumento di ridimensionamento SVG?

Controlli in pixel o percentuale

Lo strumento supporta input precisi per larghezza e altezza, oltre alla scalatura in percentuale. Questo rende semplice rispettare specifiche di design o adattare gli asset a breakpoint diversi. Puoi allineare le dimensioni ai design token o ai sistemi a griglia per mantenere coerenza. Gli input numerici aiutano anche a far corrispondere le dimensioni dei PNG esportati.

Blocco delle proporzioni

L'opzione di blocco preserva le proporzioni ed evita distorsioni. Mantenere il rapporto corretto fa sì che icone e illustrazioni restino visivamente bilanciate. È particolarmente utile per loghi che non devono essere deformati.

Output consapevole del viewBox

Lo strumento mantiene o corregge il viewBox così l'asset scala correttamente in CSS e HTML. Questo evita ritagli imprevisti o spazi vuoti in produzione. Un viewBox corretto riduce anche i layout shift quando sostituisci gli asset.

Anteprima live

SVG Resize si aggiorna immediatamente con opzioni di zoom e sfondo. L'anteprima del risultato ti aiuta a confermare spaziatura, padding e allineamento prima dell'esportazione. Usa uno sfondo a contrasto per individuare stroke isolati o padding extra. Una vista con griglia può aiutarti a controllare l'allineamento ottico.

Esportazione flessibile

SVG Resize ti consente di scaricare lo SVG ridimensionato o esportare un PNG in un solo passaggio. È utile quando ti serve un fallback raster per documenti o presentazioni. Mantieni entrambe le versioni nella stessa cartella per un handoff più semplice. Esportare entrambi i formati riduce i passaggi avanti e indietro durante le review.

Elaborazione locale

SVG Resize funziona interamente nel browser, quindi i file non lasciano mai il tuo dispositivo. Questo mantiene privati gli asset dei clienti e velocizza le iterazioni. L'elaborazione locale evita anche ritardi di upload su file grandi. Funziona bene quando le policy di rete bloccano i caricamenti.

Come ridimensionare un SVG

1

Aggiungi il tuo SVG

Trascina un file o incolla il markup SVG. SVG Resize carica il sorgente in locale e preserva il viewBox originale. Se lo SVG non ha un viewBox, aggiungilo prima di ridimensionare. Apri file SVG online e inizia subito a elaborarli.

2

Imposta le dimensioni

Inserisci larghezza e altezza desiderate oppure scala in proporzione. SVG Resize mostra un'anteprima live così puoi verificare il risultato. Controlla lo spessore degli stroke per assicurarti che resti equilibrato.

3

Esporta i risultati

Scarica lo SVG ridimensionato o esporta subito un PNG. SVG Resize mantiene i nomi file puliti così è facile tracciare gli asset durante l'handoff. Usa una convenzione coerente come icon-name-24.svg.

FAQ sul ridimensionamento SVG

Posso ridimensionare SVG online a dimensioni esatte?
Sì. SVG Resize accetta valori precisi in pixel per larghezza e altezza, così puoi rispettare facilmente specifiche di layout rigorose. È utile quando gli asset devono adattarsi a dimensioni fisse dei componenti.
Come posso mantenere le proporzioni quando ridimensiono uno SVG?
Attiva l'opzione di blocco in SVG Resize per preservare le proporzioni. In questo modo icone e loghi non si deformano. Inoltre eviti che i cerchi diventino ovali.
Lo strumento di ridimensionamento SVG mantiene il viewBox?
SVG Resize mantiene il viewBox e lo aggiorna quando necessario così la scala resta corretta nel browser. Valori viewBox corretti migliorano anche la responsività in CSS. Questo è importante quando gli SVG vengono usati come immagini di sfondo.
Posso esportare un PNG dopo il ridimensionamento?
Sì. SVG Resize include un'opzione di esportazione PNG per documentazione, slide o strumenti che supportano solo raster. I PNG sono utili quando una piattaforma non supporta SVG. Sono comodi anche per rapide anteprime da condividere con i clienti.
Il mio SVG viene caricato?
No. SVG Resize funziona in locale nel browser, quindi i file non lasciano mai il tuo dispositivo. Questo mantiene riservati gli asset dei clienti.
Qual è il limite di dimensione del file?
SVG Resize supporta file fino a 10MB. Se uno SVG è molto complesso, valuta prima l'ottimizzazione. Path più semplici vengono anche renderizzati più velocemente.
Posso ridimensionare per asset retina?
Sì. SVG Resize funziona bene per esportare dimensioni 2x o 3x, che puoi poi ridurre in CSS per ottenere maggiore nitidezza. È utile per set di icone nei design system. In caso di dubbio, esporta più grande e riduci in scala per evitare un aspetto sfocato.
Lo strumento di ridimensionamento SVG è gratuito e utilizzabile senza download?
Sì. Lo strumento di ridimensionamento SVG è gratuito e utilizzabile nel browser. Non sono necessari download né installazione.
Serve un account per usare lo strumento di ridimensionamento SVG?
No. Lo strumento di ridimensionamento SVG funziona subito nel browser senza registrazione e i file restano in locale.

Strumenti SVG correlati

Usa SVG Resize con questi strumenti per ruotare, ottimizzare ed esportare asset coerenti.

SVG Ruota e Rifletti

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 strumento

Ottimizzatore SVG

Comprimi 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 strumento

Visualizzatore SVG

Visualizza l'asset prima e dopo SVG Resize per verificare l'allineamento. Usa sfondi a griglia per controllare il padding.

Apri strumento

SVG in PNG

Esporta PNG insieme ai risultati di SVG Resize quando hai bisogno di fallback raster. È utile per presentazioni e documentazione.

Apri strumento