Open SVG-bestanden op Android — Bekijk vectorafbeeldingen

Wat is een SVG-bestand?

SVG (Scalable Vector Graphics) verschilt fundamenteel van andere afbeeldingsformaten.Terwijl JPEG, PNG en WEBP afbeeldingen opslaan als rasters van gekleurde pixels (raster), beschrijft SVG afbeeldingen als wiskundige vormen (cirkels, rechthoeken, paden, curven en tekst) gedefinieerd in XML-code.

Dit betekent SVG-afbeeldingen:

• Oneindig schalen — zoom tot 10.000% zonder enige pixelvorming of onscherpte
• Heb kleine bestandsgroottes: een logo van 500 KB als PNG kan 5 KB zijn als SVG
• Zijn bewerkbaar als tekst — open in elke teksteditor om kleuren, maten en vormen te wijzigen
• Zijn resolutie-onafhankelijk — zien er perfect uit op elke schermdichtheid (telefoon, tablet, 4K TV)

SVG is het standaardformaat voor logo's, pictogrammen, illustraties, grafieken, kaarten en andere afbeeldingen die er op elk formaat scherp uit moeten zien.

Waar SVG-bestanden vandaan komen

Ontwerptools: Figma, Adobe Illustrator, Sketch, Inkscape en Canva exporteren ontwerpen als SVG voor web- en app-gebruik.

Icoonbibliotheken: Materiaalpictogrammen, Font Awesome, Heroicons en duizenden pictogrampakketten worden verspreid als SVG-bestanden.

Webdownloads: Logo's, illustraties en afbeeldingen die van websites worden gedownload, zijn vaak SVG (klik met de rechtermuisknop → Opslaan als).

Activiteiten voor ontwikkelaars: Ontwikkelaars van Android-apps gebruiken SVG (geconverteerd naar VectorDrawable) voor app-pictogrammen en UI-elementen.

Gegevensvisualisatie: Grafieken, grafieken en infographics van tools als D3.js, Chart.js en Tableau exporteren als SVG.

Kaarten: OpenStreetMap-exports, aangepaste kaarten en geografische visualisaties gebruiken SVG.

Printontwerp: Logo's en merkmiddelen worden gedistribueerd als SVG voor schaalbare reproductie.

SVG bekijken op Android

AnExplorer verwerkt SVG-bestanden op twee manieren:

Visuele weergave (fotoviewer):

1. Navigeer naar het SVG-bestand in AnExplorer
2. Tik om te openen: de vectorafbeelding wordt weergegeven in de viewer
3. Inzoomen — het beeld blijft bij elke vergroting perfect scherp
4. Geen pixelvorming, geen onscherpte, hoe ver je ook zoomt

Codeweergave (teksteditor):

1. Houd het SVG-bestand lang ingedrukt → Openen met → Teksteditor
2. Bekijk de XML-broncode
3. Kleuren bewerken (wijzig fill="#FF0000" in een willekeurige hex-kleur)
4. Wijzig afmetingen, posities of voeg elementen toe/verwijder ze
5. Opslaan: wijzigingen worden onmiddellijk weergegeven wanneer ze opnieuw worden bekeken

SVG-bestanden beheren met AnExplorer

Bladeren en ordenen:

• SVG-bestanden worden weergegeven met vectorgrafische pictogrammen in bestandsvermeldingen
• Sorteer op naam, datum of grootte
• Maak mappen om per project te ordenen (logo's, pictogrammen, illustraties)
• Hernoem bestanden voor een betere organisatie

Overdragen en delen:

• Stuur SVG-bestanden naar pc via Device Connect (ontwerpers werken vaak op desktop)
• Uploaden naar Google Drive, Dropbox voor teamsamenwerking
• Kopiëren naar NAS voor archivering van ontwerpmiddelen
• Deel via e-mail of berichten (SVG-bestanden zijn klein - meestal minder dan 100 KB)

Archiefbewerkingen:

• Extraheer SVG-bestanden uit pictogrampakketarchieven (ZIP met honderden SVG's)
• Comprimeer SVG-collecties in ZIP om te delen
• Blader door archieven die SVG-bestanden bevatten zonder deze uit te pakken

Bewerk als code:

• Openen in de ingebouwde teksteditor van AnExplorer -SVG is XML: voor mensen leesbaar en bewerkbaar
• Kleuren wijzigen: zoek de kenmerken fill="..." of stroke="..."
• Grootte wijzigen: wijzig de kenmerken width en height
• Elementen verwijderen: <path> , <circle> , of <rect> tags verwijderen

SVG versus PNG versus PDF voor afbeeldingen

Wanneer SVG gebruiken: Logo's, pictogrammen, illustraties, grafieken, UI-elementen - alles wat geen foto is. Wanneer PNG gebruiken: Screenshots, foto's met transparantie, rasterafbeeldingen met een vast formaat. Wanneer PDF gebruiken: Documenten, inhoud van meerdere pagina's, afdrukklare bestanden.

Veelvoorkomende gebruiksscenario's op Android

Pictogrampakketten beheren

Ontwerpers en ontwikkelaars werken met pictogrambibliotheken:

1. Pictogrampakket downloaden (meestal ZIP met honderden SVG's)
2. Uitpakken met de archiefbeheerder van AnExplorer
3. Blader door SVG-bestanden - bekijk miniaturen om het juiste pictogram te vinden
4. Kopieer de benodigde pictogrammen naar uw projectmap
5. Of open de teksteditor om de kleuren aan te passen vóór gebruik

Ontwerpmiddelen van team bekijken

Wanneer bijdragers ontwerpbestanden delen:

1. Ontvang SVG-bestanden via e-mail, delen in de cloud of Device Connect
2. Open in AnExplorer om een ​​voorbeeld van het ontwerp te bekijken
3. Controleer kleuren, lay-out en inhoud
4. Stuur indien nodig door naar het bureaublad voor gedetailleerde bewerking

SVG-kleuren bewerken op mobiel

Snelle kleurveranderingen zonder ontwerptool:

1. Open SVG in de teksteditor van AnExplorer
2. Zoek naar fill="# om kleurdefinities te vinden
3. Vervang hexadecimale kleurcodes (bijv. #FF0000 → #0066CC )
4. Opslaan: open in de viewer om de wijziging te verifiëren
5. Deel de gewijzigde SVG

Ontwikkelaarsworkflow

Android-ontwikkelaars die met vectormiddelen werken:

1. Download SVG-pictogrammen van Material Design of andere bibliotheken
2. Bekijk een voorbeeld in AnExplorer om te controleren of ze correct zijn
3. Overdracht naar ontwikkelmachine via Device Connect
4. Converteren naar VectorDrawable XML voor gebruik in Android-apps

SVG-bestandsgroottes

SVG-bestanden zijn opmerkelijk klein vergeleken met rasterequivalenten:

Dit maakt SVG ideaal voor het opslaan van grote pictogrambibliotheken: 1.000 SVG-pictogrammen kunnen in totaal 10 MB groot zijn, terwijl hetzelfde als PNG 500 MB+ zou zijn.

Gerelateerde gidsen

• Open PNG-bestanden op Android — rasterafbeeldingsindeling
• PDF-bestanden openen op Android — documentformaat
• Teksteditor — bewerk SVG-code rechtstreeks
• Archiefbeheer — archieven van pictogrampakketten uitpakken