Apri file SVG su Android: visualizza la grafica vettoriale

Cos'è un file SVG?

SVG (Scalable Vector Graphics) è fondamentalmente diverso dagli altri formati di immagine.Mentre JPEG, PNG e WEBP memorizzano le immagini come griglie di pixel colorati (raster), SVG descrive le immagini come forme matematiche (cerchi, rettangoli, percorsi, curve e testo) definite nel codice XML.

Ciò significa immagini SVG:

• Scala all'infinito: ingrandisci fino al 10.000% senza pixel o sfocature
• Hanno file di dimensioni ridotte: un logo di 500 KB come PNG potrebbe essere di 5 KB come SVG
• Sono modificabili come testo: aprili in qualsiasi editor di testo per modificare colori, dimensioni e forme
• Sono indipendenti dalla risoluzione: appaiono perfetti su qualsiasi densità di schermo (telefono, tablet, TV 4K)

SVG è il formato standard per loghi, icone, illustrazioni, grafici, mappe e qualsiasi elemento grafico che debba apparire nitido a qualsiasi dimensione.

Da dove provengono i file SVG

Strumenti di progettazione: Figma, Adobe Illustrator, Sketch, Inkscape e Canva esportano progetti come SVG per l'utilizzo su Web e app.

Librerie di icone: Icone materiali, Font Awesome, Heroicons e migliaia di pacchetti di icone distribuiti come file SVG.

Download dal Web: i loghi, le illustrazioni e la grafica scaricati dai siti Web sono spesso in formato SVG (fare clic con il pulsante destro del mouse → Salva con nome).

Risorse per sviluppatori: gli sviluppatori di app Android utilizzano SVG (convertito in VectorDrawable) per le icone delle app e gli elementi dell'interfaccia utente.

Visualizzazione dei dati: grafici, diagrammi e infografiche da strumenti come D3.js, Chart.js e Tableau vengono esportati come SVG.

Mappe: le esportazioni OpenStreetMap, le mappe personalizzate e le visualizzazioni geografiche utilizzano SVG.

Design di stampa: I loghi e le risorse del marchio sono distribuiti come SVG per una riproduzione scalabile.

Visualizzazione di SVG su Android

AnExplorer gestisce i file SVG in due modi:

Rendering visivo (visualizzatore di foto):

1. Passare al file SVG in AnExplorer
2. Tocca per aprire: la grafica vettoriale viene visualizzata nel visualizzatore
3. Zoom avanti: l'immagine rimane perfettamente nitida a qualsiasi ingrandimento
4. Nessuna pixelizzazione, nessuna sfocatura, non importa quanto ingrandisci

Vista codice (editor di testo):

1. Premere a lungo il file SVG → Apri con → Editor di testo
2. Visualizza il codice sorgente XML
3. Modifica i colori (cambia fill="#FF0000" in qualsiasi colore esadecimale)
4. Modifica dimensioni, posizioni o aggiungi/rimuovi elementi
5. Salva: le modifiche si riflettono immediatamente quando vengono visualizzate nuovamente

Gestire i file SVG con AnExplorer

Sfoglia e organizza:

• I file SVG vengono visualizzati con icone grafiche vettoriali negli elenchi dei file
• Ordina per nome, data o dimensione
• Crea cartelle da organizzare per progetto (loghi, icone, illustrazioni)
• Rinominare i file per una migliore organizzazione

Trasferisci e condividi:

• Invia file SVG al PC tramite Device Connect (i designer spesso lavorano su desktop)
• Carica su Google Drive, Dropbox per la collaborazione del team
• Copia su NAS per l'archiviazione delle risorse di progettazione
• Condividi tramite e-mail o messaggistica (i file SVG sono piccoli, in genere inferiori a 100 KB)

Operazioni di archiviazione:

• Estrai file SVG dagli archivi dei pacchetti di icone (ZIP contenente centinaia di SVG)
• Comprimi le raccolte SVG in ZIP per la condivisione
• Sfoglia gli archivi contenenti file SVG senza estrarli

Modifica come codice:

• Apri nell'editor di testo integrato di AnExplorer
• SVG è XML: leggibile e modificabile dall'uomo
• Cambia i colori: trova gli attributi fill="..." o stroke="..."
• Modifica dimensioni: modifica gli attributi width e height
• Rimuovere elementi: eliminare i tag <path> , <circle> o <rect>

SVG vs PNG vs PDF per la grafica

Quando utilizzare SVG: Loghi, icone, illustrazioni, grafici, elementi dell'interfaccia utente: tutto ciò che non è una fotografia. Quando utilizzare PNG: Schermate, foto con trasparenza, grafica raster a dimensione fissa. Quando utilizzare PDF: Documenti, contenuti multipagina, file pronti per la stampa.

Casi d'uso comuni su Android

Gestione dei pacchetti di icone

Designer e sviluppatori lavorano con le librerie di icone:

1. Scarica il pacchetto di icone (solitamente ZIP contenente centinaia di SVG)
2. Estrai con il gestore archivio di AnExplorer
3. Sfoglia i file SVG: visualizza le miniature per trovare l'icona giusta
4. Copia le icone necessarie nella cartella del progetto
5. Oppure apri nell'editor di testo per personalizzare i colori prima dell'uso

Visualizzazione delle risorse di progettazione dal team

Quando i collaboratori condividono file di progettazione:

1. Ricevi file SVG tramite e-mail, condivisione cloud o Device Connect
2. Apri in AnExplorer per visualizzare l'anteprima del design
3. Controlla colori, layout e contenuto
4. Inoltra al desktop per modifiche dettagliate, se necessario

Modifica dei colori SVG su dispositivi mobili

Cambi rapidi di colore senza uno strumento di progettazione:

1. Apri SVG nell'editor di testo di AnExplorer
2. Cerca fill="# per trovare le definizioni dei colori
3. Sostituisci i codici colore esadecimali (ad esempio, #FF0000 → #0066CC )
4. Salva: apri nel visualizzatore per verificare la modifica
5. Condividi l'SVG modificato

Flusso di lavoro dello sviluppatore

Sviluppatori Android che lavorano con risorse vettoriali:

1. Scarica le icone SVG da Material Design o altre librerie
2. Anteprima in AnExplorer per verificare che siano corretti
3. Trasferimento alla macchina di sviluppo tramite Device Connect
4. Converti in XML VectorDrawable per l'utilizzo nelle app Android

Dimensioni dei file SVG

I file SVG sono notevolmente piccoli rispetto agli equivalenti raster:

Ciò rende SVG ideale per archiviare librerie di icone di grandi dimensioni: 1.000 icone SVG potrebbero ammontare a 10 MB, mentre lo stesso PNG sarebbe di 500 MB+.

Guide correlate

• Apri file PNG su Android: formato immagine raster
• Apri file PDF su Android: formato documento
• Editor di testo: modifica direttamente il codice SVG
• Gestore archivio: estrae gli archivi dei pacchetti di icone