Tracing groups the colours and turns each area into a filled shape. It does not recover an original vector design: logos and flat artwork trace cleanly, photos give large, blotchy SVGs.
Files (0)
No files yet
Add files and they convert right away. Change a setting and they convert again.
Built with open source libraries. Licenses
Wat is een PNG naar SVG converter?
Een PNG naar SVG converter traceert een rasterbeeld in gevulde vectorvormen Het herstelt geen origineel vectorontwerp: de vormen worden opnieuw opgebouwd uit de pixels, dus randen zijn een benadering Logo's, iconen, lijntekeningen en andere platte kunstwerken met weinig kleuren traceren goed Foto's niet; ze veranderen in grote, vlekkerige SVG's die vele megabytes kunnen zijn, soms tientallen megabytes, veel groter dan de PNG waarmee je begon.
Het verschil tussen de twee formaten verklaart waarom dit überhaupt de moeite waard is Een PNG slaat een vast raster van pixels op, dus het vergroten ervan maakt de randen blokkerig Een SVG slaat omtrekken op die als paden worden beschreven en gevuld met kleur, die een browser of ontwerpapp op elke grootte schoon opnieuw tekent Een getraceerde SVG kan een webpagina binnengaan, opnieuw worden gekleurd in een vectoreditor of worden gelezen door een snijmachine of lasergraveur die vanuit contouren werkt.
Tracering gebeurt in twee stappen Eerst wordt de afbeelding gereduceerd tot een klein palet, het getal dat je kiest onder Kleuren Dan loopt de tracer over de rand van elk gebied van dezelfde kleur en past er rechte lijnen en krommingen op, waardoor er één gevuld pad per gebied ontstaat Elk pad krijgt ook een omtrek van 1 pixel in zijn eigen kleur, waardoor de haarlijnopeningen worden gesloten die anders tussen aangrenzende vormen zouden zichtbaar zijn.
Twee instellingen vormen het resultaat Kleuren is 2, 8 (de standaard) of 16 Detail is Laag, Medium (de standaard) of Hoog: Laag vervaagt de afbeelding iets eerst, past lossere krommen en laat vormen vallen die kleiner zijn dan een stipje, waardoor eenvoudigere en kleinere bestanden worden verkregen, terwijl Hoog de pixels op de voet volgt en kleine vormen behoudt. Het wijzigen van ofwel het instellen van sporen elk toegevoegd bestand opnieuw, en elke rij toont de nieuwe SVG-grootte naast de PNG-grootte, zodat u instellingen kunt vergelijken voordat u downloadt.
Tracing draait client-side in een achtergrond Web Worker met behulp van imagetracerjs, die alleen wordt gedownload wanneer u het eerste bestand toevoegt, zodat de pagina responsief blijft en er geen afbeelding wordt geüpload Afbeeldingen langer dan 1200 pixels aan weerszijden worden verkleind voordat ze worden getraceerd, zodat de taak binnen enkele seconden wordt voltooid en de SVG nog steeds is ingesteld om te openen op de oorspronkelijke breedte en hoogte Een spoor dat langer dan twee minuten duurt, wordt gestopt met een bericht dat minder kleuren of lagere details suggereert. PNG's tot 100 megapixels worden geaccepteerd, transparante gebieden worden doorzichtige vormen en de tool is gratis en niet aangemeld, met een dagelijkse limiet op conversies.
Hoe PNG naar SVG te converteren
Voeg uw PNG-bestanden toe
Laat PNG-afbeeldingen op het vak vallen of klik om te uploaden Meerdere bestanden tegelijk is prima, en elk bestand wordt getraceerd zodra het wordt toegevoegd Logo's, pictogrammen en platte afbeeldingen geven de schoonste resultaten.
Set Kleuren en Detail
Kies 2 kleuren voor zwart-wit artwork, 8 voor de meeste logo's en 16 voor gearceerde graphics Begin bij Medium detail Het wijzigen van beide instellingen traceert elk bestand opnieuw met de nieuwe waarden.
Controleer het spoor
Elke rij toont de getraceerde SVG als een miniatuur, de status en een maatregel met de grootte ervoor en erna en hoeveel kleiner of groter de SVG is Klik op de miniatuur om de SVG groot te openen en schakel tussen Voor en Na Als randen er klonterig uitzien of het bestand te groot is, wijzig dan een instelling en kijk opnieuw.
Download de SVG bestanden
Druk op het downloadpictogram op een rij om die SVG op te slaan, of Download alles in de lijstkop om een batch op te slaan als geconverteerde svg.zip.
Waarom PNG converteren naar SVG?
Traceren is de moeite waard als de afbeelding eenvoudig is en je deze nodig hebt om te schalen of om als contouren te worden gelezen. Voor alles wat fotografisch is, bewaar de PNG.
Een logo dat alleen als PNG bestaat
Het originele vectorbestand gaat vaak verloren, en het enige dat overblijft is een PNG die van een website of een e-mailhandtekening wordt getrokken Tracing geeft je een SVG die schaalt naar een banner of een afdruktaak zonder blokkerige randen Controleer curven en kleine tekst nauwkeurig, aangezien ze opnieuw worden opgebouwd uit pixels in plaats van gekopieerd uit het bestand van de ontwerper.
Snijmachines, graveurs en borduursoftware
Vinylcutters, lasergraveurs en veel ambachtelijke gereedschappen volgen paden, geen pixels Een 2 kleurenspoor van een silhouet, een stencil of een monogram verandert elk donker gebied in een gesloten vorm die de machine kan omsnijden.
Pictogrammen en illustraties voor het web
Een plat pictogram dat is herleid tot SVG blijft scherp op schermen met hoge dichtheid en kan opnieuw worden gekleurd met CSS. Als u later een pixelversie op een ingestelde grootte nodig heeft, [lever de SVG dan terug aan PNG] (/tools/svg-to-png).
PNG vs getraceerde SVG: welke te gebruiken
| Great | Getraceerde SVG | |
|---|---|---|
| Wat het opslaat | Een raster van pixels. | Gevulde vormen getraceerd uit die pixels Niet het originele vectorontwerp. |
| schaading | Blokkig of wazig wanneer vergroot. | Hertekent schoon op elke maat. |
| Kleuren | Miljoenen, met vloeiende gradiënten. | 2, 8 of 16 platte kleuren Verloop wordt band. |
| doorzichtigheid | Volledig alfakanaal. | Transparante gebieden getraceerd als doorzichtige vormen. |
| Logo's en pictogrammen | Prima op de maat die het bespaard is. | Goede pasvorm: schone randen, gemakkelijk te herkleuren. |
| foto's foto | Goede pasvorm, en meestal het kleinere bestand. | Slechte pasvorm: grote, vlekkerige SVG's, soms tientallen megabytes. |
| Bewerken | Pixel-editors. | Vector editors, snij - en graveersoftware, code. |
Hoe kleuren en details het spoor veranderen
Elke instelling is een ruil tussen hoe trouw de SVG eruit ziet en hoeveel vormen deze bevat Meer vormen betekent een groter bestand en meer opschonen in een vectoreditor.
Kleuren: 2, 8 of 16
Het beeld wordt voor het traceren teruggebracht tot zoveel kleuren Twee kleuren past bij zwart-wit logo's, stencils, handtekeningen en lijnkunst Acht handvatten meeste platte logo's met een paar merkkleuren en wat anti-aliased randen Zestien houdt meer schaduw, ten koste van nog veel meer kleine vormen langs elke zachte rand.
Detail: Laag, Middel of Hoog
Low detail vervaagt het beeld enigszins, past losjes in bochten en gooit kleine vormen weg, wat vloeiende contouren en kleine bestanden geeft Medium past in curven binnen ongeveer een pixel Hoog volgt de pixels op de voet en houdt kleine vormen aan, zodat het dunne streken behoudt maar ook ruis oppikt.
Waarom foto's fout gaan
Een foto heeft overal zachte gradiënten en textuur, dus zelfs bij 16 kleuren splitst hij zich in duizenden onregelmatige patches Elke patch wordt een pad met zijn eigen coördinaten, en de SVG kan vele malen zo groot worden als de PNG terwijl hij eruitziet als een geposteriseerde kopie. Dat is een limiet voor tracering, geen instelling die je kunt repareren.
Privacy en veiligheid
- De PNG wordt gedecodeerd en getraceerd binnen dit browsertabblad, in een achtergrondmedewerker De afbeelding wordt nooit geüpload.
- De imagetracerjs-bibliotheek wordt alleen vanaf deze site geladen als u het eerste bestand toevoegt.
- De SVG is alleen opgebouwd uit getraceerde paden, zonder scripts, links of ingebedde kopieën van de originele PNG.
- De dagelijkse gebruikscontrole verzendt de naam van het gereedschap, een apparaat-ID en uw aanmeldings-token als u die heeft Er zijn geen afbeeldingsgegevens opgenomen.
- Na een batch registreert de pagina het aantal bestanden, het totale aantal bytes en het uitvoerformaat, nooit bestandsnamen of pixels.
Belangrijkste kenmerken
2, 8 of 16 kleuren
Van zwart-wit artwork tot gearceerde platte graphics
Laag, gemiddeld en hoog detail
Gladde, compacte contouren of nauwe tracering van kleine vormen
Gap-vrije vormen
Een dunne bijpassende omtrek op elke vorm verbergt naden tussen kleuren
SVG-voorbeeld en bestandsgrootte
Bekijk het getraceerde resultaat en het gewicht ervan voordat u het downloadt, elke keer dat u een instelling wijzigt, bijgewerkt
Frequently Asked Questions
Related Tools
JPG to SVG Converter
Trace a JPG logo, scan or signature into an SVG of filled shapes with 2, 8 or 16 colors. It does not recover the original vector design, and photos give large, blotchy SVGs
SVG to PNG Converter
Convert SVG vector graphics to PNG at 1x, 2x or 4x in your browser, no upload needed
PNG to PDF Converter
Put PNG screenshots and graphics into one PDF without losing detail, one page per image, in your browser
SVG to PDF Converter
Put SVG graphics onto PDF pages as images at 1x, 2x or 4x resolution, one page per file, in your browser
Comments
0 comments
No comments yet. Be the first to share your thoughts!