Tradisjonell bildeformater som JPG, PNG eller GIF-er svært populære, men de har ulemper som gjør deres bruker mindre enn ideell for enkelte programmer.
Hvis du vil opprette en responsiv nettside for eksempel, du vil at bilder som ser bra ut uavhengig av bredde og høyde, de vises i. Tradisjonelle bilder ser dårlig når du forstørrer dem for mye, for eksempel.
Du kan få behov for å vise bildet i forskjellige størrelser, for eksempel som et miniatyrbilde på en blogg ‘ s index-side, og som en full oppløsning i den lenkede artikkelen.
Mens du kan lage forskjellige versjoner av et enkelt bilde, slik at det mest hensiktsmessige er plukket ut, det betyr at du trenger mer lagringsplass for at blant andre ting.
SVG bilde format er en vektor format. Dette betyr at størrelsen kan reduseres eller økes uten tap av kvalitet (scalable). Det er flott hvis du trenger å vise bildet på flere steder ved hjelp av forskjellige oppløsninger.
Andre fordeler av SVG er at størrelsen er vanligvis mye mindre, og at det gir webansvarlige noe fleksibilitet når det kommer til å gjøre endringer til det som noen kan bli gjort i CSS direkte.
Ett eksempel: Terence Eden på nytt logoer av populære Internett-selskaper som Twitter, Amazon, WhatsApp, YouTube eller Reddit i SVG. Størrelsen på logoer ble redusert til mindre enn 1 Kilobyte, noen ganger så lavt som 200 bytes. Twitter-logoen i PNG-format for eksempel har en størrelse på 20 Kb, SVG-versjon en størrelse på 397 byte.
SVG er et godt format for logoer og ikoner, men ikke helt egnet når det kommer til foto og andre typer bilder som viser mange forskjellige objekter.
Konvertering til SVG
Denne guiden fokuserer på programmer som du kan bruke til å konvertere bilder til SVG direkte. Dette er ikke en veiledning om bruk av programmer som er designet til å lage vektorgrafikk fra bunnen av. Du kan bruke vektor grafikk redaktører for eksempel Adobe Illustrator (vår ingen linker til Adobe politikk fortsatt står), Inkscape, eller LibreOffice Draw for det.
Les også: WordPress: blokk anonym Rest API tilgang
Rikelig med gratis konverteringsprogrammer som er tilgjengelige som du kan kjøre på nettet, men de er ganske begrenset når det kommer til den konvertering prosessen. Mens de kan være tilstrekkelig for å konvertere en enkel logo som er tilgjengelig som en png eller jpg til svg, resultatene er ikke super bra mesteparten av tiden.
Her er hvordan jeg vurdert tjenester: jeg lastet ned Ghacks logo, og prøvde konverteringer på flere dusin SVG-omformere. Jeg dømt resultatet, og forkastet enhver tjeneste som ikke leverer gode resultater.
- Aconvert — tjenesten tar en lokal fil eller en URL-adresse som input. Det eneste alternativet som det gir er å endre oppløsningen for bildet. Den resulterende bildet så ut som Ghacks logo, men størrelsen var nesten dobbel størrelse på PNG-versjon av logoen.
- Vector Magic-Tilgjengelig som en elektronisk omformer og desktop program for Windows. Det er ikke gratis likevel (online koster $7.95 per måned, desktop edition en engangs utbetaling på $295). Resultatene av den elektroniske utgaven er imidlertid stor, og du får mange muligheter til å redigere eller endre innstillinger, og en side ved side visning av den originale bildet og svg-kopi.
- Vectorizer — en gratis tjeneste. Denne kommer med en veiviser som du kan for å plukke den beste utgang parametere (uskarphet, farger), eller du kan sette disse direkte. Resultatene var gode med litt tilpasning, og størrelsen av den resulterende bildet var en tredjedel mindre enn den opprinnelige PNG-logoen.
Nå er Du: Vet av en annen online-tjeneste eller program for å konvertere bilder til SVG-format?