Traditionelle billede formater som JPG, PNG eller GIF er meget populære, men de har ulemper, der gør deres brug mindre end ideelt for visse applikationer.
Hvis du opretter en responsiv hjemmeside, for eksempel, du vil have, at billeder, der ser godt ud, uanset bredde og højde, de vises i. Traditionelle billeder, der ser dårligt, når du forstørre dem for meget, for eksempel.
Du er muligvis nødt til at vise billedet i forskellige størrelser samt, for eksempel som en miniature på en blog indeks side, og som en fuld opløsning i den linkede artikel.
Selvom du kan oprette forskellige versioner af et enkelt billede, således at det mest hensigtsmæssige er plukket, det betyder, at du har brug for mere lagerplads til, at blandt andre ting.
SVG-billede format er en vektor format. Dette betyder, at dens størrelse kan være faldet eller steget, uden tab af kvalitet (skalerbar). Det er fantastisk, hvis du har brug for at vise billedet i flere steder ved hjælp af forskellige beslutninger.
Andre fordele af SVG er, at dens størrelse er normalt meget mindre, og at det giver webmastere en vis fleksibilitet, når det kommer til at foretage ændringer i det, som nogle kan gøres i CSS direkte.
Et eksempel: Terence Eden genskabt de logoer af populære Internet-virksomheder som Twitter, Amazon, WhatsApp, YouTube eller Reddit i SVG. Størrelsen af de logoer, der blev reduceret til mindre end 1 Kilobyte, undertiden så lav som 200 bytes. Twitter logo i PNG-format, for eksempel har en størrelse på 20 Kb, SVG version en størrelse på 397 bytes.
SVG er et godt format til logoer og ikoner, men ikke rigtig egnet, når det kommer til billeder og andre typer af billeder, der viser mange forskellige objekter.
Konvertering til SVG
Denne vejledning fokuserer på programmer, som du kan bruge til at konvertere billeder til SVG direkte. Dette er ikke en tutorial om at bruge programmer, som er designet til at skabe vektor grafik fra bunden. Du kan bruge vektor-grafik redigeringsprogrammer som Adobe Illustrator (vores ingen links til Adobe politik, er der stadig står), Inkscape, eller LibreOffice Draw til det.
Læs også: Microsoft lukker ned CodePlex on December 15th, 2017
Masser af gratis konverteringsprogrammer er tilgængelige, at du kan køre online, men de er forholdsvis begrænset, når det kommer til konverteringen. Mens de kan være tilstrækkelig til at omdanne et simpelt logo, der er tilgængelig som en png eller jpg til svg, men resultaterne er ikke super god, det meste af tiden.
Her er, hvordan jeg har vurderet service: jeg har hentet den Ghacks logo, og prøvede konverteringer på flere dusin SVG-omformere. Jeg vurderede resultatet, og kasseret enhver tjeneste, som så ikke kan levere gode resultater.
- Aconvert-service tager en lokal fil eller en URL-adresse som input. Den eneste mulighed, som det giver, er at ændre den opløsning af billedet. Det resulterende billede lignede Ghacks logo, men dens størrelse var næsten dobbelt størrelse af PNG-version af logoet.
- Vector Magic — Tilgængeligt som en online converter og desktop program til Windows. Det er ikke gratis, men (online koster $7,95 per måned, desktop edition en one-time betaling af $295). Resultaterne af online-udgave er stort men, og du får masser af muligheder for at redigere eller ændre indstillinger, og en side-by-side visning af det oprindelige billede, og svg-kopi.
- Vectorizer — en Anden gratis service. Denne ene kommer med en guide, som du kan, for at vælge det bedste output-parametre (blur, farver), eller du kan indstille disse direkte. Resultaterne var gode med nogle tweaking, og størrelsen af det resulterende billede er en tredjedel mindre end den oprindelige PNG-logo.
Nu kan Du: Kender en anden online tjeneste eller et program til at konvertere billeder til SVG-format?