Utilia
Categories ▾
Idioma: ca ▾

SVG a PNG

Converteix SVG a PNG, JPG o WebP al navegador amb qualsevol amplada, alçada, escala o DPI, amb fons transparent o de color. Per lots i ZIP, sense pujar res.

O enganxa codi SVG
Format
Fons

    Com convertir un SVG a PNG

    1. Deixa anar un o més fitxers SVG a la zona de càrrega, o fes-hi clic per triar-los. També pots obrir O enganxa codi SVG, enganxar el marcatge i fer clic a Afegeix el codi SVG.
    2. Tria la Mida de sortida: - Factor d’escala multiplica la mida pròpia de l’SVG (2 dona una imatge el doble d’ampla i el doble d’alta); - Amplada (l’alçada s’adapta) o Alçada (l’amplada s’adapta) manté les proporcions; - Amplada i alçada exactes força les dues dimensions; - Resolució (DPI) renderitza mides físiques com 2in o 50mm amb els DPI triats.
    3. Tria un Format: PNG, JPG o WebP. JPG i WebP també tenen un control de Qualitat.
    4. A Fons, deixa Transparent o tria Color i defineix el Color de fons.
    5. Fes clic a Converteix a imatge. Cada fitxer té una fila amb una vista prèvia, la seva mida nova en píxels i un botó Baixa. Baixa-les totes desa els fitxers un per un; Baixa el ZIP els posa en un sol arxiu.

    Com es calcula la mida

    Un SVG descriu formes, no píxels, de manera que es pot dibuixar amb nitidesa a qualsevol mida. La seva mida «natural» ve dels atributs width i height de l’element arrel <svg>. Quan no hi són, aquesta eina fa servir el viewBox (per exemple viewBox="0 0 24 24" dona 24 × 24), que és el que fan els navegadors. Si l’SVG no té cap dels dos, s’usa el valor per defecte del navegador de 300 × 150.

    Les longituds en unitats físiques es converteixen amb la regla CSS de 96 píxels per polzada: 1 in = 96 px, 1 cm ≈ 37,8 px, 1 pt = 1,33 px. Per això DPI (96 = mida original) diu 96: a 300 DPI, una icona declarada com a width="1in" passa a ser de 300 píxels d’ample, que és el que espera una impremta.

    Amb Amplada i alçada exactes, un dibuix les proporcions del qual difereixen del requadre es centra i es deixen franges buides, seguint la regla preserveAspectRatio de l’SVG; no s’estira mai tret que el fitxer ho demani.

    Els navegadors no poden crear un llenç de més d’uns 16,7 milions de píxels (per exemple 4096 × 4096). Si en demanes més, la mida es redueix a la imatge més gran que hi càpiga i un missatge t’indica la mida final.

    PNG, JPG o WebP?

    • PNG no té pèrdua i conserva la transparència: la millor opció per a icones, logotips i diagrames.
    • JPG no té transparència, de manera que les zones transparents s’omplen amb el color de fons. Fes-lo servir per a il·lustracions grans on importa més la mida del fitxer que la nitidesa de les vores.
    • WebP conserva la transparència i sol ser més petit que el PNG; tots els navegadors actuals el mostren.

    Seguretat i límits

    El teu SVG no s’insereix mai a la pàgina. Es dibuixa des d’una adreça blob privada com una imatge normal, un mode en què els navegadors no executen scripts ni carreguen res més. En conseqüència, les referències externes no es carreguen: les fonts web de Google Fonts, les imatges enllaçades per URL i els fitxers CSS externs s’ignoren, de manera que el text pot aparèixer amb una lletra per defecte. Per conservar l’aspecte exacte, converteix el text en traçats al teu editor o incrusta les imatges com a data URI abans de convertir. Les lletres instal·lades a l’ordinador sí que es poden fer servir.

    No es puja res: la renderització i la codificació es fan al teu navegador.

    Preguntes freqüents

    Com converteixo un SVG en un PNG d'alta resolució?

    Tria Factor d’escala i introdueix 4 o 8, o bé tria Amplada (l’alçada s’adapta) i escriu l’amplada que necessites, com 2000. Com que l’SVG es torna a dibuixar a aquesta mida en lloc d’ampliar-se, les vores es mantenen nítides.

    Puc conservar un fons transparent?

    Sí. Deixa Transparent amb PNG o WebP. Només el JPG necessita un color sòlid, i l’eina t’ho recorda quan el selecciones.

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

    Probablement l’SVG fa servir una lletra web carregada des d’un altre lloc. Per seguretat, les imatges dibuixades d’aquesta manera no poden obtenir fitxers externs. Converteix el text en contorns al teu editor vectorial, o instal·la la lletra a l’ordinador.

    Puc convertir diversos fitxers SVG alhora?

    Sí. Deixa’n anar tants com vulguis; comparteixen la mateixa configuració de mida, format i fons. Fes servir Baixa el ZIP per obtenir-los tots en un sol fitxer.

    Quins DPI he de fer servir per imprimir?

    300 DPI és l’estàndard habitual per a la impressió; 150 DPI sovint és suficient per a pòsters grans que es miren de lluny. Les pantalles no fan servir DPI, de manera que per al web tria una amplada en píxels.

    Eines relacionades