SVG naar PNG

Zo zet je SVG om naar PNG

1. Sleep een of meer SVG-bestanden naar het uploadvlak, of klik erop om ze te kiezen. Je kunt ook Of plak SVG-code openen, de code plakken en op SVG-code toevoegen klikken.
2. Kies het Uitvoerformaat: - Schaalfactor vermenigvuldigt de eigen grootte van de SVG (2 geeft een afbeelding die twee keer zo breed en twee keer zo hoog is); - Breedte (hoogte volgt) of Hoogte (breedte volgt) behoudt de verhoudingen; - Exacte breedte en hoogte legt beide afmetingen vast; - Resolutie (DPI) rendert fysieke maten zoals 2in of 50mm op de gekozen DPI.
3. Kies een Formaat: PNG, JPG of WebP. JPG en WebP hebben ook een schuifregelaar Kwaliteit.
4. Houd onder Achtergrond Transparant aan, of kies Kleur en stel de Achtergrondkleur in.
5. Klik op Omzetten naar afbeelding. Elk bestand krijgt een rij met een voorbeeld, het nieuwe formaat in pixels en een knop Downloaden. Alles downloaden slaat de bestanden een voor een op; ZIP downloaden zet ze in één archief.

Hoe het formaat wordt berekend

Een SVG beschrijft vormen, geen pixels, en kan dus op elk formaat scherp worden getekend. De “natuurlijke” grootte komt uit de attributen width en height van het hoofdelement <svg>. Ontbreken die, dan gebruikt deze tool de viewBox (bijvoorbeeld viewBox="0 0 24 24" geeft 24 × 24), net zoals browsers dat doen. Heeft de SVG geen van beide, dan valt de tool terug op de browserstandaard van 300 × 150.

Lengtes in fysieke eenheden worden omgerekend met de CSS-regel van 96 pixels per inch: 1 in = 96 px, 1 cm ≈ 37,8 px, 1 pt = 1,33 px. Daarom staat bij DPI (96 = oorspronkelijke grootte) het getal 96: op 300 DPI wordt een pictogram dat als width="1in" is gedefinieerd 300 pixels breed, precies wat een drukkerij verwacht.

Met Exacte breedte en hoogte wordt een tekening waarvan de verhouding afwijkt van het kader gecentreerd, met lege randen, volgens de eigen regel preserveAspectRatio van de SVG; ze wordt nooit uitgerekt, tenzij het bestand daarom vraagt.

Browsers kunnen geen canvas maken dat groter is dan ongeveer 16,7 miljoen pixels (bijvoorbeeld 4096 × 4096). Vraag je meer, dan wordt het formaat verkleind tot de grootste afbeelding die past, en een melding toont het uiteindelijke formaat.

PNG, JPG of WebP?

• PNG is verliesvrij en behoudt transparantie: de beste keuze voor pictogrammen, logo’s en diagrammen.
• JPG kent geen transparantie, dus transparante delen worden met de achtergrondkleur gevuld. Gebruik het voor grote illustraties waarbij de bestandsgrootte belangrijker is dan haarscherpe randen.
• WebP behoudt transparantie en is meestal kleiner dan PNG; elke huidige browser kan het tonen.

Veiligheid en beperkingen

Je SVG wordt nooit in de pagina ingevoegd. Hij wordt als gewone afbeelding getekend vanaf een privé blob-adres, een modus waarin browsers geen scripts uitvoeren en niets anders laden. Het gevolg: externe verwijzingen worden niet geladen. Webfonts van Google Fonts, via een URL gekoppelde afbeeldingen en externe CSS-bestanden worden genegeerd, dus tekst kan in een standaardlettertype verschijnen. Wil je het exacte uiterlijk behouden, zet tekst dan in je editor om naar paden of sluit afbeeldingen in als data-URI voordat je omzet. Lettertypen die op je computer zijn geïnstalleerd, kunnen wel worden gebruikt.

Er wordt niets geüpload: renderen en coderen gebeuren in je browser.