File SVG di esempio — Scarica grafica vettoriale di prova (da semplice a complessa)

Scalable Vector Graphics · .svg · tipo MIME image/svg+xml

3 file2 KB – 406 KBLink direttiSenza pubblicità né registrazioneGratis per qualsiasi usoVerificati con SHA-256

Scarica un file SVG di esempio in tre livelli di complessità (circa 20, 600 e 6.000 elementi path) per testare prestazioni di rendering, sanitizzazione, rasterizzazione e gestione dei caricamenti. Ogni file è XML valido con viewBox, un gradiente, elementi di testo e un aria-label, e non contiene script, riferimenti esterni né immagini raster incorporate.

L'SVG è l'unico formato vettoriale che i browser visualizzano nativamente: ideale per loghi e icone, rischioso come formato di caricamento, perché un SVG può contenere JavaScript. Se accetti SVG dagli utenti, questi file puliti sono il tuo riferimento: il tuo sanitizzatore dovrebbe lasciarli passare invariati.

Anteprima dell'SVG di esempio
Anteprima: sample-vector-simple.svg — tutti i file di questa pagina usano lo stesso schema di test, con dimensioni o risoluzioni diverse.

Scarica file SVG di esempio

FileDettagliDimensioneScarica
sample-vector-simple.svg
semplice • 20 tracciati
1200 × 6302 KB
2225 byte
Scarica SVG
sample-vector-medium.svg
medio • 600 tracciati
1200 × 63041 KB
41.438 byte
Scarica SVG
sample-vector-complex.svg
complesso • 6000 tracciati
1200 × 630406 KB
406.407 byte
Scarica SVG
3 file · link diretti · senza registrazione · CORS abilitato

Ti serve un file per ogni formato Immagini? Scarica il pacchetto di esempi Immagini (1.4 MB, un piccolo file per ogni formato immagine (13 file)).

Usa questi file dalla riga di comando o in CI

Ogni URL è stabile e con CORS aperto. Fissa lo SHA-256 nel tuo test e saprai subito quando una fixture cambia.

# Scarica un file
curl -O https://pnb-freetoolsforweb.s3.us-east-2.amazonaws.com/samples/images/svg/sample-vector-simple.svg

# Verificalo (lo SHA-256 è indicato per ogni file qui sopra)
shasum -a 256 sample-vector-simple.svg

# Indice leggibile da macchina di tutti i file di esempio
curl https://pnb-freetoolsforweb.s3.us-east-2.amazonaws.com/samples/index.json | jq '.files[] | select(.format=="svg")'

Il formato SVG in breve

Nome completoScalable Vector Graphics
Estensioni.svg
Tipo MIMEimage/svg+xml
StandardW3C SVG 1.1 (2011), SVG 2 (bozza di lavoro)
TipoVettoriale, testo XML, indipendente dalla risoluzione
TrasparenzaSì
AnimazioneSì (SMIL, CSS)
ScriptPossibili: sanitizza i caricamenti degli utenti
Inizia con<?xml … oppure <svg

Cosa si testa con i file SVG di esempio

  • Test di sanitizzazione SVG e CSP (questi file non contengono script e dovrebbero restare intatti)
  • Rasterizzazione di SVG in PNG a più dimensioni
  • Prestazioni di rendering con migliaia di tracciati
  • Flussi di caricamento di icone e loghi
Note per i test. Il file complesso è di circa 600 KB di XML: abbastanza grande da far emergere i renderer lenti, abbastanza piccolo da aprirlo in qualsiasi editor.

Domande frequenti

È sicuro permettere agli utenti di caricare file SVG?

Solo con la sanitizzazione. Un SVG può incorporare <script>, gestori di eventi e riferimenti esterni. Rimuovili lato server (o rasterizza in PNG) e servi gli SVG degli utenti da un'origine separata con una Content-Security-Policy rigorosa. I nostri file di esempio non contengono nulla di tutto ciò, quindi sono un buon controllo di "dovrebbe passare".

Come converto un SVG in PNG o JPG?

Qualsiasi browser può rasterizzarlo: disegna l'SVG su un canvas ed esporta. Il nostro Convertitore di immagini gratuito fa esattamente questo lato client, e il nostro Generatore di favicon trasforma un logo SVG in un set completo di icone.

Questi file SVG sono sicuri da scaricare?

Sì. Ogni file è generato da zero dal nostro script open source (niente è copiato da altri siti o caricato dagli utenti) e non contiene script, macro né eseguibili. Lo SHA-256 di ogni file è pubblicato in questa pagina, così puoi verificare ciò che hai ricevuto.

Posso usare i file SVG di esempio per scopi commerciali?

Sì. Sono gratuiti per qualsiasi scopo, inclusi prodotti commerciali, suite di test, demo e ridistribuzione, senza obbligo di attribuzione. Non c'è nessuna licenza da acquistare e nessuno a cui chiedere il permesso.

Posso fare hotlink a questi file o usarli nella CI?

Sì. Ogni link è un URL diretto e stabile via HTTPS con Access-Control-Allow-Origin: * e header di cache lunghi, così curl, wget, fetch() e i test runner possono scaricarli direttamente. Ogni pagina rimanda a un indice JSON di tutti i file (vedi la sezione sulla riga di comando).

File di esempio correlati

Strumenti gratuiti che funzionano con SVG

  • Convertitore di immagini — Converti tra AVIF, HEIC, TIFF, PNG, JPG, WebP, GIF, BMP e SVG. La maggior parte delle conversioni non esce mai dal browser.
  • Generatore di favicon — Trasforma qualsiasi logo in un pacchetto favicon completo (favicon.ico, tutte le dimensioni PNG, Apple touch icon e webmanifest) con un clic.

Hai trovato un problema o qualcosa che potrebbe andare meglio? Leggiamo ogni messaggio e sistemiamo le cose in fretta.

Stai testando una pipeline di file? Le costruiamo noi.

Caricamenti, conversioni, anteprime, elaborazione di documenti e flussi multimediali sono il tipo di sistemi di produzione che FreeToolsForWeb progetta e gestisce per i clienti: è per questo che avevamo bisogno di questi file.

Scopri gli strumenti gratuiti