SVG och JPG
SVG (scalable vector graphics) är ett vektorbaserat filformat, vilket innebär att du kan ändra storleken på grafiken utan att förlora bildkvaliteten. Om du skapar digitala projekt som logotyper, webbdesign och animationer är SVG-filer det bästa valet. Men i vissa fall behöver du en mindre fil. När du behöver exportera arbete för att använda det i webbläsare, sociala medier eller för lagring är JPG-formatet (Joint Photographic Experts Group) en bättre balans mellan kvalitet och filstorlek.
JPG-bildfiler är pixelbaserade, vilket innebär att filupplösningen är inställd på de dimensioner som du sparar den i. Till skillnad från vektorgrafik i SVG-filer är JPG-filer inte avsedda att förstoras. Alltför mycket stretch kan leda till att bilden blir pixlig eller suddig. JPG-filer använder förlustkomprimering för att minska filstorleken. Du förlorar en del data, men JPG-filer bidrar till att hålla laddningshastigheterna nere och det innebär att de tar mindre plats på din hårddisk. Eftersom JPG är en av de mest populära filtyperna med universell igenkänning är de också lätta att överföra och ladda upp till vilken källa som helst. Alla digitalkameror tar till exempel bilder i JPG.
Fördelar med att använda SVG-filer
- Skalbarhet – Vektorbilder är upplösningsoberoende och kan skalas till alla dimensioner utan att förlora i kvalitet. Webbläsare räknar bara om matematiken bakom bilden så att den inte förvrängs. Rasterbilder å andra sidan förlorar sin upplösning när de förstoras eftersom de små pixlarna tvingas expandera utöver sin ursprungliga storlek.
- Interaktivitet – Hyperlänkar och praktiskt taget alla typer av animationer kan läggas till med hjälp av styling och skript.
- Lätt att redigera – Det är lika enkelt att redigera en SVG som att ändra koordinaterna eller ett ord i en textredigerare eller att koda in SVG:n på din webbsida och ändra den med JavaScript eller CSS. Du kan också använda populära redigeringsprogram för vektorgrafik som Adobe Illustrator, Corel Draw och Sketch.
- Kompakt filstorlek – Pixelbaserade bilder sparas redan från början i en stor storlek, eftersom du bara kan behålla kvaliteten när du gör bilden mindre, men inte när du gör den större. Detta kan påverka webbplatsens nedladdningshastighet. Eftersom SVG:er är skalbara kan de sparas med en minimal filstorlek.
- SEO-vänlig – SVG-bilder definieras i XML-textfiler, så nyckelord och beskrivningar kan användas och lättare kännas igen av sökmotorer. Med rasterbilder är du begränsad till filens titel eller alt-attribut.
Hur man konverterar SVG till JPG i Photoshop
Steg 1: Öppna din SVG-bildfil i Photoshop
Steg 2: Gå till Arkiv.
Steg 3: Välj Exportera.
Steg 4: Klicka på Exportera som.
Steg 5: Välj JPG-format från rullgardinsmenyn.
Steg 6: Justera bildstorleken och dukstorleken efter behov.