Converteix fitxers SVG vectorials en imatges PNG ràster d'alta qualitat. Personalitzeu l'escala de sortida i el color de fons fàcilment al vostre navegador.
Admet fins a 50 MB
SVG (Scalable Vector Graphics) descriu les imatges com un conjunt de primitives geomètriques (camins, formes, text, degradats) que s'escalen a qualsevol mida sense pèrdua de qualitat. PNG emmagatzema una sola graella de píxels rectangulars amb una resolució fixa. Convertir SVG a PNG és un pas de rasterització: les instruccions de dibuix de l'SVG s'avaluen a la mida de píxel escollida i el mapa de bits resultant es codifica com a PNG. La sortida sembla nítida a la mida que heu especificat, però es pixela si s'escala.
Aquest convertidor representa SVG mitjançant el motor SVG integrat del navegador. L'SVG es carrega en un element Image, es dibuixa en un llenç HTML5 a les dimensions de sortida escollides i s'exporta com a PNG mitjançant canvas.toBlob. Com que el navegador fa la rasterització, les funcions SVG complexes (gradients, filtres, màscares, animacions com a marc estàtic) es mostren de la mateixa manera que ho farien en una pàgina web real.
La decisió més important en la conversió de SVG a PNG és la mida objectiu. SVG és independent de la resolució, de manera que escollir una mida PNG que coincideixi amb l'ús real evita l'aprovisionament excessiu (fitxers enormes per a icones de mida en miniatura) i l'aprovisionament insuficient (sortida borrosa quan s'amplia més tard). Objectius habituals: 32 × 32 o 64 × 64 per a icones, 256 × 256 o 512 × 512 per a logotips, 1024 × 1024 per a gràfics d'heroi, 2048 × 2048 per a recursos de qualitat retina.
SVG és meravellós per a la web i les eines de disseny modernes, però terrible per a molts altres contextos. Els clients de correu electrònic mostren SVG de manera inconsistent; alguns el bloquegen com a risc de seguretat. El programari d'oficina més antic, determinats CMS, serveis de tercers i gairebé tots els canals d'impressió fotogràfica no accepten SVG en absolut. La conversió a PNG produeix un ràster acceptat universalment que sembla idèntic a la mida escollida.
PNG també s'insereix de manera fiable en documents d'oficina, diapositives i PDF sense dependre del renderitzador SVG del destinatari. Per als logotips i els gràfics que han d'aparèixer de manera coherent a moltes plataformes, PNG és l'opció més segura, tot i que perd la independència de la resolució que fa que SVG sigui atractiu en primer lloc.
Trieu la vostra mida objectiu, renderitza. El navegador fa la rasterització.
SVG (recomanació W3C) és un format vectorial basat en XML amb elements per a camins, formes bàsiques (recte, cercle, el·lipse, línia, polígon, polilínia), text, degradats (linearGradient, radialGradient), filtres, màscares i traçats de retall. El navegador analitza l'XML, crea un DOM, aplica CSS i rasteritza el resultat durant la representació de la pàgina.
Aquest convertidor carrega l'SVG en un HTMLImageElement (que activa el camí de representació SVG com a imatge normal del navegador) i després el dibuixa a un llenç mitjançant drawImage. El llenç s'exporta com a PNG mitjançant canvas.toBlob('image/png'). Els píxels exactes de la sortida coincideixen amb el que representaria l'SVG a la mateixa mida en una pestanya del navegador.
Casos laterals: SVG que utilitza foreignObject no sempre s'admet quan s'utilitza mitjançant l'element Image. SVG que fa referència a recursos externs (xlink:href a un domini diferent) pot no poder carregar-se a causa de CORS. Les animacions SMIL i les animacions basades en JavaScript es mostren només com a fotograma inicial.