SVG a PNG
Converteix gràfics vectorials SVG al format PNG sense pèrdues totalment al teu navegador — els teus fitxers mai abandonen el teu dispositiu. A diferència de la conversió a JPG, PNG preserva completament la transparència SVG amb canals alfa nets, fent-lo l'opció ideal per a icones, logotips, elements d'UI i actius de disseny que necessiten fons transparents. El motor vectorial nadiu del navegador renderitza el teu SVG a resolució completa per a una sortida PNG nítida i amb píxels perfectes que funciona perfectament en tots els editors d'imatges, eines de disseny i aplicacions.
Relacionats
Casos d'ús
- Les icones i logotips SVG necessiten preservar els fons transparents per utilitzar-los en Photoshop, Figma o altres eines de disseny.
- Convertir elements d'UI i icones SVG per al desenvolupament d'aplicacions — els PNG sense pèrdues funcionen en tots els SDK de plataforma.
- Els fitxers SVG no s'importen en programari de presentació com PowerPoint o Keynote — PNG té suport universal.
- La creació de favicons i icones d'aplicacions requereix PNG transparent a mides específiques — renderitza de font SVG.
- Els actius SVG transparents es mostren amb fons negres en certs visualitzadors — PNG gestiona la transparència correctament.
- Els gràfics vectorials SVG necessiten convertir-se a ràster per utilitzar-los en documents, xarxes socials o aplicacions de missatgeria.
- Les plataformes de comerç electrònic que bloquegen les pujades SVG accepten PNG — converteix preservant els fons transparents.
- Els logotips SVG necessiten col·locar-se sobre fons acolorits en materials de màrqueting — la transparència PNG es combina perfectament.
- La lliurament de disseny requereix actius ràster a dimensions específiques — renderitza els SVG a PNG a dimensions natives o redimensionades.
- Les signatures de correu electrònic i els correus de màrqueting necessiten imatges transparents — SVG no té suport àmpli en clients de correu.
- Crear mockups de productes on els logotips SVG necessiten col·locar-se sobre fotografies — la transparència PNG es combina naturalment.
- Arxivar actius de disseny web com a PNG universalment visible mentre que es conserva l'SVG original per editar.
Com usar-ho
- Fes clic a l'àrea de càrrega o arrossega un fitxer vectorial SVG a la pàgina. Només s'accepten fitxers en format .svg.
- El renderitzat local s'inicia automàticament al navegador després de seleccionar el fitxer amb canals alfa totalment preservats.
- Espera que el renderitzat i la codificació es completin. Els SVG complexos amb efectes poden trigar uns segons.
- Previsualitza les dimensions i la mida del fitxer PNG convertit, i després fes clic a descarregar per desar.
Característiques
- Processament 100% al costat client: El renderitzat SVG i la codificació PNG es realitzen al teu navegador utilitzant API Canvas natives — els fitxers mai no es pugen a cap servidor
- Transparència total preservada: Els canals alfa de PNG retenen perfectament els fons transparents SVG sense vores ni artefactes negres
- Renderitzat vectorial nit: El motor SVG nadiu del navegador renderitza els vectorials a resolució completa per a una sortida PNG nítida i sense dreceres
- Sortida sense pèrdues: PNG utilitza compressió sense pèrdues, de manera que no s'introdueix cap qualitat addicional després del renderitzat
- Conversió automàtica en pujar: Selecciona un fitxer SVG i el renderitzat s'inicia immediatament — no cal clics addicionals
- Suporta SVG complexos: Funciona amb fitxers .svg independents, inclosos els amb gradients, filtres, text incrustat i grups
- Dimensions originals conservades: El PNG de sortida coincideix exactament amb les dimensions especificades al viewBox de l'SVG, sense escalat ni retall
SVG a PNG vs JPG vs WebP: Quin format de sortida?
| Característica | PNG | JPG | WebP |
|---|---|---|---|
| Transparència | ✅ Perfectament preservada | ❌ Farcit de blanc | ✅ Preservada |
| Compressió | Sense pèrdues | Amb pèrdues | Amb pèrdues/sense pèrdues |
| Mida de fitxer | Més gran | Més petita | Més petita |
| Qualitat de vores | ✅ Nítides (perfectes per a text/icones) | Pot mostrar artefactes | Bona |
| Suport d'eines de disseny | ✅ Tots els editors | ✅ Tots els editors | Només editors moderns |
| Millor per a | Logotips, icones, actius transparents | Pujades de formularis, fotos, compartició universal | Optimització web, fitxers més petits |
Preguntes freqients
El PNG continuarà sent escalable infinitament com l'SVG?
No. SVG és un format vectorial que descriu formes matemàticament per a un escalat infinit, mentre que PNG és un format ràster de dimensió fixa que es difuminarà si s'escalen cap amunt. Aquesta eina renderitza a la mida especificada per l'atribut viewBox de l'SVG. Si necessites una sortida ràster més gran, considera l'escalat en la seva eina de disseny abans de l'exportació o utilitza el [Redimensionador d'imatges](/image/resize/).
Els fons transparents de l'SVG es preservaran?
Sí, perfectament preservats. Aquesta eina renderitza correctament la transparència SVG en canals alfa de PNG. Els logotips, icones i elements d'UI amb fons transparents es converteixen amb vores netes — sense halos blancs o negres al voltant de les formes.
Per què la sortida PNG és de dimensions petites?
SVG és un format vectorial sense dimensions de píxel fixes. La mida de sortida està determinada per l'atribut viewBox de l'SVG. Els SVG dissenyats per a icones sovint són petits (p. ex., 24×24 o 48×48). Per a una sortida més gran, modifica les dimensions del viewBox en el seu editor vectorial abans de pujar.
Els fitxers SVG es pugen a un servidor?
No hi ha pujades. Tota la conversió es realitza localment al teu navegador utilitzant el motor de renderitzat SVG integrat i l'API Canvas. Els seus logotips, icones i actius de disseny mai abandonen el seu dispositiu i mai no s'envien a cap servidor extern.
El text de l'SVG es renderitzarà correctament?
El text es renderitza correctament si la font està instal·lada al seu sistema. Els SVG que utilitzen fonts poc habituals o personalitzades poden renderitzar-se en una font de reserva. Per a un renderitzat consistent entre tots els dispositius i navegadors, converteix el text en contorns/camins en la seva eina de disseny abans d'exportar l'SVG.
Es suporten els SVG amb recursos externs?
Recomanem utilitzar fitxers SVG autònoms. Si el seu SVG fa referència a imatges o fonts externes, les restriccions d'origen creuat poden impedir el renderitzat correcte. Per a millors resultats, incrusta les imatges i converteix el text en contorns abans de pujar.
Hi ha suport per a la conversió per lots?
Actualment s'hi processa un SVG cada vegada per mantenir l'estabilitat al costat del navegador. Processa els fitxers un per un per a múltiples conversions. La funcionalitat per lots podria afegir-se en versions futures.
Per què triar PNG sobre JPG per a la conversió SVG?
Tria PNG quan necessitis transparència, qualitat sense pèrdues o vores nítides per a logotips, icones, text i elements d'UI. Tria JPG ([SVG a JPG](/image/svg-to-jpg/)) quan necessitis la mida més petita possible per a fotos i pujades de formularis on no cal transparència.
- Comprimir imatges
- Convertir imatges
- PNG a JPG
- HEIC a JPG
- WebP a JPG
- JPG a PNG
- JPG a WebP
- PNG a WebP
- WebP a PNG
- HEIC a PNG
- HEIC a WebP
- AVIF a JPG
- Retallar imatges
- AVIF a PNG
- AVIF a WebP
- GIF a JPG
- GIF a PNG
- GIF a WebP
- SVG a JPG
- SVG a PNG
- SVG a WebP
- TIFF a JPG
- Filtres d'Imatge
- TIFF a PNG
- TIFF a WebP
- Generador ICO
- editor d'imatges
- Escàner QR
- Redimensionar imatges
- Girar i Voltejar Imatges
- Arrodonir Cantonades d'Imatge
- Generador de CSS Sprite
- Visor SVG
- Imatge a ASCII
- Ampliar imatge
- Marca d'aigua d'imatges