Com convertir les imatges JPG i PNG en SVG

Els formats tradicionals d’imatges com JPG, PNG o GIF són molt populars, però presenten inconvenients que fan que el seu ús sigui menys que ideal per a determinades aplicacions.

Si, per exemple, creeu un lloc web sensible, voleu que les imatges es vegin bé, independentment de l'amplada i l'alçada en què es mostren. Les imatges tradicionals tenen un aspecte dolent quan les engrandeu massa.

És possible que també necessiteu mostrar la imatge en diferents mides, com a miniatura a la pàgina d'índex del bloc i com a imatge de resolució completa a l'article enllaçat.

Tot i que podeu crear diferents versions d’una sola imatge de manera que es triï la més adequada, vol dir que necessiteu més emmagatzematge per a això entre d’altres coses.

El format d’imatge SVG és un format vectorial. Això significa que la seva mida es pot disminuir o augmentar sense una pèrdua de qualitat (escalable). Això és fantàstic si necessiteu mostrar la imatge a diversos llocs mitjançant diferents resolucions.

Altres avantatges del SVG són que la seva mida acostuma a ser molt menor, i que proporciona una certa flexibilitat als administradors web a l’hora de fer canvis, ja que alguns es poden fer directament en CSS.

Un exemple: Terence Eden recreat els logotips d’empreses populars d’Internet com Twitter, Amazon, WhatsApp, YouTube o Reddit a SVG. La mida del logotip es va reduir a menys d'1 Kilobyte, de vegades fins a 200 bytes. El logotip de Twitter en format PNG per exemple té una mida de 20 Kilobytes, la versió SVG amb una mida de 397 bytes.

SVG és un bon format per a logotips i icones, però no és adequat quan es tracta de fotos i altres tipus d’imatges que mostren objectes diferents.

Conversió a SVG

convert image to svg

Aquesta guia se centra en les aplicacions que podeu utilitzar per convertir imatges directament a SVG. No es tracta d’un tutorial sobre l’ús d’aplicacions dissenyades per crear gràfics vectorials des de zero. Podeu utilitzar editors de gràfics vectorials com Adobe Illustrator (el nostre no hi ha enllaços a la política d'Adobe encara queda) Inkscape , o Sorteig de LibreOffice per això.

Sorteig de LibreOffice

Per a Windows

Descarrega ara

Hi ha molts convertidors gratuïts que podeu executar en línia, però són força limitats quan es tracta del procés de conversió. Tot i que poden ser suficients per convertir un logotip simple que estigui disponible com a png o jpg a svg, els resultats no són gaire bons la majoria del temps.

A continuació, es detallen els serveis: vaig descarregar el logotip de Ghacks i vaig provar les conversions en diverses desenes de convertidors SVG. Vaig jutjar el resultat i vaig descartar qualsevol servei que no donés bons resultats.

  • Desconvertit - El servei pren com a entrada un fitxer local o una URL. L’única opció que proporciona és canviar la resolució de la imatge. La imatge resultant semblava el logotip de Ghacks, però la seva mida era gairebé el doble de la versió PNG del logotip.
  • Màgia vectorial - Disponible com a convertidor en línia i programa d’escriptori per a Windows. Tanmateix, no és gratuïta (en línia costa 7,95 dòlars al mes; l’edició d’escriptori és un sol pagament de 295 dòlars). Els resultats de l’edició en línia són excel·lents, però, obté moltes opcions per editar o modificar la configuració i una visualització de costat de la imatge original i de la còpia svg.
  • Vectoritzador - Un altre servei gratuït. Aquest inclou un assistent que podeu triar els millors paràmetres de sortida (difuminats, colors) o bé que podeu establir-los directament. Els resultats van ser bons amb alguns retocs, i la mida de la imatge resultant va ser un terç inferior al logotip PNG original.

Màgia vectorial

Per a Windows

Descarrega ara

Ara tu: Coneixeu un altre servei o programa en línia per convertir imatges al format SVG?