Vector vs Raster Vad ska jag använda?

Med alla bildalternativ och filformat där ute kan det vara lite överväldigande när du väljer vilken filtyp du ska använda (och skicka till klienter). Kompatibilitet är alltid ett problem när du arbetar med olika filtyper, men när det gäller grafik och bilder är den typ av datorformat du använder är avgörande för hur bilden görs.

Det finns två typer av digitala grafikfiler - vektor och raster. Vektorbilder är gjorda av hundratusentals små linjer och kurvor (eller banor) för att skapa en bild. Rasterbilder består av pixlar. Men hur vet du vilket format som är bäst för ditt nästa projekt?

Vektorbilder

Vektorbilder, som är gjorda av tunna linjer och kurvor som kallas banor, är rotade i matematisk teori.

Vektorbilder, som är gjorda av tunna linjer och kurvor som kallas banor, är rotade i matematisk teori. Vektorgrafik måste skapas i datorprogramvara som är utformad för att skapa den här invecklade typen av wireframe-typ och varje rad innehåller definierade nodpositioner, nodplatser, linjelängder och kurvor. Vilken som helst av linjerna och kurvorna i bilden kan tilldelas ett färgvärde. På grund av detta definierade, formeliska tillvägagångssätt för ritning kan varje bild dimensioneras och skalas upprepade gånger och gränslöst utan att förlora upplösningen eller börjar se grumlig eller pixelerad.

Du kan identifiera en vektorbild genom att titta på dess kanter - en vektorbild kommer alltid att visas smidig oavsett hur stor du gör det eller hur nära du zoomar in. Text är en av de vanligaste typerna av vektorgrafik. Oavsett hur mycket du ökar en typstorlek, till exempel ser aldrig utseendet ut.

En annan fördel med att använda vektorgrafik är effektiviteten i filstorlek. Eftersom filerna bara identifieras av matematiska beskrivningar och inte enskilda pixlar, är filerna ofta mycket mindre än de för raster-motsvarigheterna. Vektorbilder är därför ofta lätta att överföra från en dator till en annan och över Internet.

Det vanligaste problemet med att använda vektorgrafik är kompatibilitet. Vektorbilder sparas ofta som inbyggda filer från det program som används för att skapa bilden, till exempel Adobe Illustrator, som kanske inte är tillgänglig för alla som du behöver arbeta med (även om det finns många kompatibla format).

Logos

Vektorbilder är alternativet Nr 1 när du utformar eller skapar en logotyp eller en illustration. På grund av hur bilder skapas och sparas, kommer du att ha mer flexibilitet med att göra ändringar och kunna använda din bild i olika storlekar. Du kan bara behöva en webblogotyp nu, men bild hur bra det skulle vara att få den bilden klar att använda på en banderoll eller varor senare utan att behöva skapa det hela igen?

foton

Fotografier är inte vektorgrafik. Endast illustrationer som är gjorda för att se ut som fotografier kan skapas i en vektor arbetsyta.

I användning

De flesta företag skapar alla sina logotyper och insignier som vektorbilder. Dessa filer sparas och används som grund för rasterkopior som används i tryck och webbpublicering. Att hålla ett bra bibliotek med vektorgrafik kan spara tid på grund av möjligheten att ändra storlek på flygningen.

Högupplösande högkvalitativ clip art utvecklas och säljs ofta som vektorbilder också. Du får mer flexibilitet och mer för dina pengar när du köper vektorbaserad bildkonst snarare än hög DPI-bilder.

Typ och teckensnitt skapas också som vektorgrafik, vilket gör att du kan ändra storlek samtidigt som du behåller kvaliteten. Detta håller också typen från att se blocky och hjälper vissa typsnitt att behålla sina släta former och kantningar. Var dock medveten om att om du skapar tilläggstyp till en bild eller annan typ av fil i programvara som Adobe Photoshop (som är rasterbaserad), kommer din text att förlora dess vektorattribut när bilden är planerad och sparad.

Rasterbilder

Rasterbilder kallas ofta bitmappsbilder eftersom de är gjorda av miljontals små kvadrater, kallade pixlar. Du kan identifiera en raster- eller bitmappsbild genom att titta på det mycket nära. Om du zoomar in noggrant kommer du att kunna se kvadratiska konturerna för varje pixel (särskilt runt kanter där det finns dramatiska färgkontraster).

Raster-grafik har vanligtvis större filstorlekar än deras vektor motsvarigheter. Högre DPI (punkter per tum) och PPI (pixlar per tum) inställningar bidrar också till större filer eftersom programvara måste hålla reda på och kunna göra varje pixel. Filstorlek kan bli ett problem om lagring eller serverutrymme är begränsat eller om filer måste överföras elektroniskt.

Logos

Du kommer att vilja undvika att använda rasterbilder när du skapar och arbetar med logotyper och illustrationer. I vissa fall kan en rasterbild användas framgångsrikt när man arbetar med logotyper, speciellt om logotypen är mer bild än textbaserad. Det är dock rekommenderat att skapa logotypen som en vektorfil och spara kopior som rasterbilder efter behov för specifika projekt.

foton

Rasterbilder är den föredragna metoden när man arbetar med fotografier. När bilder tas med en digitalkamera eller kopieras på en skanner, är de resulterande filerna rasterbilder.

I användning

Nästan alla bilder du hittar på webbplatser är rasterbilder, även de som ursprungligen har skapats med vägar. Rasterbilder är vanligtvis acceptabla för digital publicering men kanske inte fungerar bra i tryckta projekt. Ofta sparas dessa filer som låga upplösningar och är inte lämpliga för utskriftsreproduktion.

I tryckta medier - som böcker, tidningar och tidningar - används rasterbilder ofta för att reproducera fotografier. Bilder sparas vid ett högt DPI, så att kvaliteten inte kommer att drabbas under utskriftsprocessen. Du kan läsa mer om DPI och PPI i den här tidigare Design Shack-artikeln.

Filformat

Bildfiler kan sparas och lagras i en mängd olika format.Om du arbetar med något du inte skapade kan du gissa hur bildfilen skapades i form av vektor eller raster genom att titta på filformatet eller filtillägget i slutet av bildfilnamnet. Här är några av de vanligaste filformat.

Vektor

Grundläggande filtyper: .drw (vektorfil), .pif (vektorbild GDF-format), .pct (Macintosh bitmapgrafikformat), .ps (Adobe PostScript), .eps (Encapsulated PostScript), .svf (Simple Vector Format) .

  • Adobe Illustrator: .ai, .ait, .art
  • Corel Draw: .cdr, .cdrw, .cdt
  • Corel: pat (Paint Shop Pro Pattern Image)
  • Digital Line Graph: .dlg, .do
  • OpenOffice: .odg

raster

Grundläggande filtyper: .jpg (JPEG-rasterformat), .gif (GIF transparent fil), .png (Portanble Network Graphic Transparent-fil), .tiff eller .tif (Format för taginterleave)

  • Adobe Photoshop: .psd

EPS och PDF-filer

Encapsulated PostScript-filer (.eps) är fristående filer som är samma matematiska som vektorfiler, även om de också kan skapas från rasterbilder. Formatet är en av de mest kompatibla och bärbara, eftersom de stöds av nästan alla grafikprogram. De är ett alternativ till att använda vektorfiler när de ursprungliga formaten inte är tillgängliga.

Adobe Portable Document Format (.pdf) filer använder en kombination av vektor och rasterbilder. I det här kompakta och universella formatet gör filer som de skapades. Vektorbilder är gjorda som sådana och skalas och extraheras. Teckensnitt är inbäddade i en fil och är gjorda som typ, inte platta som ett bildelement. Rasterbilder, till exempel bilder visas som avsedda för 100 procent men börjar börja förlora kvalitet om de är överförstorade.

Slutsats

Börja med rätt bildtyp kan spara mycket tid och omarbeta under ett projekt. Utvärdera hur du ska använda grafik och generera dina bilder i enlighet därmed.

Kom ihåg att vektorgrafik används bäst för logotyper och illustrationer. Rasterbilder är standarden i digitalt fotografi och används vanligtvis för all grafik när de publiceras digitalt. Överväg att skapa ett vektorbildsbibliotek för dina filer och spara kopior för rasterbaserat arbete för att spara tid under ett projekts livstid.

Bildkällor: hmomoy, mistercornDominic s bilder, tro goble, L2F1 och macieklew.