Convertidor professional de SVG a PNG

Converteix SVG a PNG de manera instantània i gratuïta. Gaudeix d'un 100% de privadesa: els teus fitxers es processen localment i mai no abandonen el teu dispositiu. Porta els teus dissenys al següent nivell amb els nostres cinc multiplicadors de conversió personalitzats (1x, 2x, 3x, 4x i 8x), dissenyats per ampliar, optimitzar i millorar la nitidesa de cada imatge segons les teves necessitats exactes.

Arrossega i deixa anar el teu fitxer SVG aquí o navega

Admet codi SVG purament vectorial (Scalable Vector Graphics)

Escala de multiplicació (Resolució)

Estil de fons

Guia pràctica de conversió de SVG a PNG

Una bona exportació comença pel lloc on s'utilitzarà la imatge. Aquesta guia explica com triar una escala, preparar el vostre SVG i comprovar el PNG abans d'utilitzar-lo.

1. Comenceu per la destinació

Abans de convertir, verifiqueu les dimensions en píxels sol·licitades pel lloc web, document, sistema de correu electrònic o aplicació de disseny que rebrà la imatge. Aquesta eina escala les dimensions renderitzades del SVG mitjançant un multiplicador seleccionat; no proporciona camps personalitzats d'amplada i alçada. Si una plataforma sol·licita 1200 píxels d'amplada, compareu aquest objectiu amb l'amplada mostrada del SVG i trieu un multiplicador que s'hi assembli sense crear un fitxer innecessàriament gran.

2. Enteneu els factors d'escala

Les opcions són 1x, 2x, 3x, 4x i 8x. Un multiplicador afecta tant l'amplada com l'alçada: un origen de 200 × 100 renderitzat a 2x esdevé 400 × 200 píxels. El recompte de píxels creix amb el quadrat del multiplicador, de manera que 8x produeix 64 vegades més píxels que 1x. Una sortida més gran pot utilitzar molta més memòria i potser no semblarà millor quan l'art original o la pantalla de destinació no ho necessitin.

3. Trieu un factor per a pantalles

Per a gràfics d'interfície estàndard, 1x o 2x sovint és un punt de partida pràctic; 2x pot ajudar en pantalles d'alta densitat quan el disseny de destinació redueix la imatge. Trieu 3x o 4x només quan el disseny necessiti dimensions de píxels addicionals. Utilitzeu 8x selectivament perquè els llenços molt grans poden trigar més a renderitzar-se o superar els límits del navegador.

4. Decidiu si el fons ha de ser transparent

Trieu Transparent quan el PNG hagi de situar-se sobre una pàgina de color, una presentació o una altra imatge. Trieu Blanc quan la destinació espera un rectangle blanc o quan un fons sòlid fa que l'art sigui més fàcil d'inspeccionar. El PNG admet transparència, però una aplicació de destinació pot mostrar píxels transparents sobre un tauler d'escacs o aplanar-los quan inseriu la imatge.

5. Prepareu el SVG abans de l'exportació

Obriu l'origen en un editor vectorial i verifiqueu que té un viewBox sensat i art visible dins d'aquest viewBox. Convertiu o incorporeu tipus de lletra si el disseny ha de semblar idèntic en dispositius sense aquests tipus de lletra. Mantingueu les imatges enllaçades i els recursos externs disponibles; aquest convertidor de navegador potser no renderitza tipus de lletra remots, imatges enllaçades, scripts o altres dependències externes d'un fitxer SVG.

6. Convertiu i inspeccioneu la vista prèvia

Seleccioneu un fitxer SVG, trieu una escala i un fons, i després convertiu-lo. Verifiqueu que tot el dibuix sigui visible, que el text i els traços fincs romanguin llegibles i que la vista previa tingui el fons esperat. Si el resultat està retallat, verifiqueu el viewBox i les dimensions del SVG al fitxer original. El convertidor processa un fitxer a la vegada i ofereix una descàrrega de PNG per a aquest fitxer.

7. Verifiqueu els píxels i la mida del fitxer

Utilitzeu el PNG en el seu context pretès i inspeccioneu-lo a la mida en què realment apareixerà. Una dimensió gran en píxels no millora automàticament una icona petita a la pantalla. Si el PNG és massa gran, torneu al SVG i exporteu a un factor inferior. Si sembla suau, confirmeu que la destinació no està ampliant una imatge ràster petita després de la conversió.

8. Mantingueu l'origen editable

Deseu el SVG original al costat del PNG. El SVG preserva els camins vectorials i normalment és millor per a edicions posteriors, canvis de color i redimensionament. El PNG és una còpia convenient de mida fixa per a destinacions que necessiten imatges ràster. Mantenir tots dos us permet crear un altre PNG d'una mida diferent sense escalar repetidament una imatge ja rasteritzada.

Quan heu de convertir SVG a PNG?

La conversió és útil quan una destinació necessita píxels en lloc de vectors. Mantingueu el SVG quan la destinació l'admeti i necessiteu art escalable i editable.

Un servei accepta PNG però rebutja SVG

Alguns formularis de càrrega, sistemes de contingut i eines d'imatge de perfil accepten només formats ràster comuns. Un PNG proporciona a aquests serveis una imatge de mida fixa alhora que preserva vores netes quan s'exporta a les dimensions adequades.

Un correu electrònic o document d'oficina renderitza el SVG de manera inconsistent

Els clients de correu electrònic i les aplicacions d'oficina no gestionen tots el SVG incrustat de la mateixa manera. Un PNG pot fer que un logotip o diagrames siguin més previsibles en aquests contextos. Conserveu l'original SVG perquè pugueu actualitzar l'art més tard.

Necessiteu una instantània a una escala de píxels específica

Un PNG és útil quan un lliurament requereix un recurs ràster conegut. Trieu una escala basada en la mida renderitzada del SVG i l'especificació de recepció, i després verifiqueu les dimensions resultants en un visor d'imatges.

Un flux de treball requereix una càrrega ràster

Alguns formularis, editors més antics i canals de processament d'imatge accepten PNG però no fitxers vectorials. Convertiu una còpia per a aquest flux de treball; no substituïu el vector d'origen si és probable que hi hagi edicions futures.

Necessiteu transparència en un gràfic ràster

El PNG pot preservar píxels transparents, la qual cosa ajuda en col·locar un logotip o una icona sobre diferents fons. Seleccioneu l'opció transparent i confirmeu que la destinació preserva la transparència alfa.

Esteu preparant un recurs per a impressió

Convertiu només després de verificar les dimensions en píxels o la resolució requerides per la impressora. Aquesta eina ofereix multiplicadors d'escala en lloc de controls de DPI, i un PNG més gran no pot restaurar detalls absents al SVG ni fer que una font de baixa resolució sigui més precisa.

Fonaments tècnics: Què passa durant la conversió

Saber com la geometria vectorial es converteix en una imatge de píxels ajuda a explicar la mida de sortida, la transparència, la compatibilitat i les diferències comunes de renderització.

El SVG descriu formes; el PNG emmagatzema píxels

El SVG és un format vectorial basat en XML que descriu camins, formes, text i altres instruccions de dibuix. El PNG emmagatzema una graella rectangular de píxels. Rasteritzar un SVG significa dibuixar aquestes instruccions vectorials en una graella de píxels a una mida triada; després de l'exportació, ampliar el PNG pot revelar píxels que no eren visibles a l'origen vectorial.

El viewBox i la finestra gràfica defineixen l'àrea de dibuix

Un viewBox de SVG mapeja un sistema de coordenades en una finestra gràfica mostrada. Si el viewBox falta, és incorrecte o és més gran que l'art, la imatge pot presentar espais blancs inesperats o retallades. Inspeccioneu les dimensions i el viewBox del SVG a l'editor d'origen quan l'enquadrament de la vista prèvia sigui incorrecte.

L'escala multiplica cada dimensió

Si el navegador renderitza un origen de W per H píxels i el factor seleccionat és S, la destinació del llenç és W × S per H × S. El recompte de píxels resultant és W × H × S². És per això que els multiplicadors alts poden utilitzar substancialment més memòria i per què 8x s'ha de triar només quan la destinació necessita els píxels extra.

La renderització del llenç la duu a terme el navegador

La pàgina llegeix el fitxer SVG seleccionat al navegador, crea una imatge a partir del seu contingut, dibuixa aquesta imatge en un llenç HTML i exporta el llenç com a PNG. El comportament de renderització i les dimensions màximes del llenç varien segons els navegadors i els dispositius. Els fitxers SVG molt grans o complexos poden trigar més a renderitzar-se o fallar.

La transparència s'emmagatzema al canal alfa del PNG

Quan se selecciona Transparent, el llenç s'esborra abans de dibuixar. El PNG de sortida pot retenir la transparència per píxel a través del seu canal alfa. Quan se selecciona Blanc, el convertidor pinta primer un rectangle blanc, de manera que les àrees transparents de l'origen es tornen blanques a la imatge exportada.

La compressió PNG és sense pèrdues, però la sortida pot difereir

El PNG utilitza compressió sense pèrdues per als píxels que rep; això no significa que la renderització de vector a píxel sigui idèntica a tots els entorns. L'antialiàsing, la gestió del color, els tipus de lletra, els filtres i la renderització del navegador poden afectar els píxels produïts durant la rasterització.

Els tipus de lletra, filtres i recursos enllaçats afecten la renderització

Un SVG pot fer referència a tipus de lletra o imatges que no estan incrustats al fitxer. També pot utilitzar filtres o característiques que els navegadors implementen de manera diferent. Per a una exportació fiable, incrusteu o convertiu en traços els tipus de lletra importants, incloeu les imatges necessàries i compareu la vista prèvia del navegador amb l'origen en un editor vectorial.

Els límits del navegador i la seguretat del SVG importen

La memòria del llenç creix amb el nombre de píxels de sortida, de manera que els multiplicadors grans poden esgotar la memòria disponible. Convertiu només fitxers SVG en els quals confieu. Aquesta eina no penja l'origen triat a un servidor de conversió, però aquesta declaració no audita el SVG en si ni garanteix que cada referència externa incrustada sigui inert. Eviteu fitxers no de confiança i elimineu scripts innecessaris o referències remotes en un editor vectorial abans de la conversió.

Preguntes freqüents tècniques · 1–5

Aquest convertidor modifica el fitxer SVG?

No. Llegeix el SVG seleccionat al navegador i crea una descàrrega de PNG separada. El vostre fitxer original roman al vostre dispositiu; conserveu-lo com el mestre editable.

Com calculo les dimensions de sortida?

Multipliqueu l'amplada i l'alçada renderitzades pel navegador pel factor seleccionat. Per exemple, 240 × 120 a 2x esdevé 480 × 240 píxels. Si el SVG té una mida inusual o un viewBox, verifiqueu la vista prèvia i inspeccioneu les dimensions del PNG descarregat.

El 8x produeix sempre una qualitat millor?

No. Crea més píxels, no més detalls vectorials. Pot ajudar quan es requereix un ràster més gran, però també augmenta el recompte de píxels a 64 vegades 1x i pot consumir molta més memòria. Trieu el factor més petit que satisfaci la mida real de destinació.

Per què el PNG té marges buits o art retallat?

El viewBox o la finestra gràfica del SVG poden incloure espai en excés o tallar parts del dibuix. Obriu l'origen en un editor vectorial, ajusteu la pàgina o el viewBox per adaptar-lo a l'art, deseu una còpia i convertiu aquesta còpia de nou.

Per què el meu text es veu diferent després de la conversió?

És possible que el navegador no tingui el tipus de lletra utilitzat pel SVG, o que el fitxer faci referència a un tipus de lletra que no està incrustat. Incrusteu el tipus de lletra o convertiu el text en traços en un editor vectorial quan se us permeti modificar l'origen, i després compareu el resultat.

Preguntes freqüents tècniques · 6–10

Per què falta una imatge enllaçada o un filtre?

El SVG pot dependre d'una imatge externa, tipus de lletra, filtre o característica que no estigui disponible o sigui gestionada de manera diferent pel navegador. Incrusteu les imatges i tipus de lletra necessaris sempre que sigui possible, simplifiqueu els efectes no admesos i proveu el SVG en un navegador abans de la conversió.

Pic fer el fons transparent?

Sí. Seleccioneu Transparent abans de convertir. L'eina neteja el llenç abans de dibuixar. Verifiqueu el PNG descarregat en un editor que mostri la transparència; alguns visualitzadors mostren píxels transparents sobre blanc, la qual cosa pot fer que semblin opacs.

Pic introduir una amplada, alçada o DPI exactes?

Aquesta versió ofereix multiplicadors d'1x, 2x, 3x, 4x i 8x. No proporciona camps independents d'amplada i alçada ni una configuració de DPI. Si necessiteu dimensions exactes, utilitzeu el multiplicador més proper i redimensioneu una còpia en un editor gràfic.

Pic convertir diversos fitxers SVG alhora?

La interfície actual selecciona i converteix un fitxer SVG per operació. Convertiu cada fitxer per separat i verifiqueu la seva sortida abans de passar al següent; el processament per lots i les descàrregues en ZIP no s'ofereixen aquí.

Quins fitxers s'accepten?

El control de càrrega està destinat a fitxers SVG. Si un fitxer és rebutjat o falla en la renderització, confirmeu que és un SVG vàlid i s'obre en un navegador o editor vectorial actual. Aquesta eina no és un convertidor general de formats d'imatge.

Preguntes freqüents tècniques · 11–15

Es pengen els meus fitxers SVG al vostre servidor?

El codi de conversió llegeix el fitxer seleccionat al navegador i no envia el fitxer font a una API de conversió. Això no garanteix que el SVG no contingui enllaços externs; eviteu fitxers no de confiança i reviseu les seves referències abans d'obrir-los.

Per què falla la conversió per a un fitxer molt gran?

El navegador ha d'assignar un llenç per a cada píxel de sortida. Un origen gran combinat amb un multiplicador alt pot excedir la memòria del dispositiu o els límits del llenç del navegador. Proveu un factor més baix, simplifiqueu el SVG o exporteu-lo amb una aplicació gràfica que admeti llenços més grans.

El PNG es veurà nítid en la impressió?

Depèn de la mida d'impressió física i de la resolució requerida. Aquesta eina escala les dimensions en píxels però no estableix els DPI d'impressió. Pregunteu a la impressora les dimensions en píxels o la resolució necessàries, i després verifiqueu que el PNG generat compleix aquests requisits.

Per què varien els colors o les vores entre navegadors?

Els navegadors poden difereir en la disponibilitat de tipus de lletra, l'antialiàsing, la gestió del color i el suport per a característiques SVG. Utilitzeu text incrustat o convertit en traços, característiques SVG estàndard i el mateix navegador per a exportacions repetides quan la consistència importi.

Què he de fer si la vista prèvia està en blanc?

Confirmeu que el fitxer conté art visible, té marcatge SVG vàlid i utilitza un viewBox i dimensions que inclouen el dibuix. Elimineu les dependències externs no admeses, proveu el fitxer en un navegador i torneu-ho a provar a 1x abans d'augmentar l'escala.