bildfilformat: när ska man använda varje filtyp

tror GIF är den mest utsökta typen av jordnötssmör? Och AI var det konstiga sci-fi film med Haley Joel Osment? Du har inte fel. Men idag talar vi bildformat och alla dessa irriterande små filer som vi använder för att skapa visuellt innehåll för utskrift och webb.

varje bild du ser online är en bildfil. Mest allt du ser tryckt på papper, plast eller en T-shirt kom från en bildfil. Dessa filer kommer i en mängd olika format, och var och en är optimerad för en viss användning., Med rätt typ för rätt jobb innebär att din design kommer ut bilden perfekt och precis hur du tänkt. Fel format kan innebära ett dåligt tryck eller en dålig webbbild, en jätte nedladdning eller en saknad grafik i ett e-postmeddelande.

så låt oss bryta ner det. Välkommen till bildfilformat 101. Låt oss dyka in i grunderna för varje filtyp.

de flesta bildfiler passar in i en av två allmänna kategorier—rasterfiler och vektorfiler—och varje kategori har sina egna specifika användningsområden. Denna uppdelning är inte perfekt., Till exempel kan vissa format faktiskt innehålla element av båda typerna. Men det här är ett bra ställe att börja när man tänker på vilket format som ska användas för dina projekt.,

de olika typerna av bildfilformat—

1. Rasterfilformat
   • JPEG
   • GIF
   • PNG
   • TIFF
   • RAW
   • PSD
2. vektorfilformat
   • PDF
   • EPS
   • SVG
   • ai

raster filformat—

vad är en rasterbild

rasterbilder består av en uppsättning rutnät av punkter som kallas pixlar där varje pixel tilldelas en färg. Till skillnad från en vektorbild är rasterbilder upplösningsberoende, vilket betyder att de finns i en storlek., När du omvandlar en rasterbild sträcker du pixlarna själva, vilket kan resultera i en ”pixelated” eller suddig bild. När du förstorar en bild gissar din programvara i huvudsak på vilken bilddata som saknas baserat på de omgivande pixlarna. Oftast är resultaten inte bra.

rasterbilder används vanligtvis för fotografier, digitala konstverk och webbgrafik (t.ex. bannerannonser, innehåll i sociala medier och e-postgrafik). Adobe Photoshop är branschstandard bildredigerare som används för att skapa, designa och redigera rasterbilder samt att lägga till effekter, skuggor och texturer till befintliga mönster.

CMYK vs., RGB

alla rasterbilder kan sparas i en av två primära färgmodeller: CMYK och RGB.

CMYK en fyrfärgstryck som står för cyan, magenta, gul och nyckel (svart). Dessa färger representerar de fyra bläck som kommer att kombinera under tryckprocessen., Filer som sparats i detta format kommer att optimeras för fysisk utskrift.

RGB är en ljusbaserad färgmodell som står för rött, grönt och blått. Dessa är de tre primära färgerna av ljus som kombinerar för att producera andra färger. Filer som sparats i detta format kommer att optimeras för webben, mobiltelefoner, film och video—allt som visas på en skärm.

förstörande vs. förlustfri

varje rasterbildfil är antingen förlustfri eller förstörande, beroende på hur formatet hanterar dina bilddata.

förlustfria bildformat fånga alla data i din ursprungliga filen., Ingenting från den ursprungliga filen, foto eller konstverk förloras-därav termen ” förlustfri.”Filen kan fortfarande komprimeras, men alla förlustfria format kommer att kunna rekonstruera din bild till sitt ursprungliga tillstånd.

förstörande bildformat approximerar hur din ursprungliga bild ser ut. Till exempel kan en förstörande bild minska mängden färger i bilden eller analysera bilden för onödiga data. Dessa smarta tekniska knep kommer vanligtvis att minska filstorleken, även om de kan minska kvaliteten på din bild.,

vanligtvis, förstörande filer är mycket mindre än förlustfria filer, vilket gör dem idealiska att använda online där filstorlek och nedladdningshastighet är avgörande.

JPEG/JPG

JPEG är ett förstörande rasterformat som står för Joint Photographic Experts Group, det tekniska teamet som utvecklade det. Detta är en av de mest använda format på nätet, vanligtvis för foton, e-grafik och stora webbbilder som bannerannonser. JPEG-bilder har en glidande skala av komprimering som minskar filstorlek enormt, men ökar artefakter eller pixelation ju mer bilden komprimeras.,

du bör använda en JPEG när…

• du arbetar med online bilder och/eller konstverk. JPEG erbjuder dig mest flexibilitet med rasterredigering och komprimering vilket gör dem idealiska för webbbilder som behöver laddas ner snabbt.
• du vill skriva ut foton och/eller konstverk., Vid högupplösta filer med låg komprimering är JPEG perfekt för redigering och sedan utskrift.
• Du måste skicka en snabb förhandsgranskningsbild till en klient. JPEG-bilder kan reduceras till mycket små storlekar vilket gör dem bra för e-post.

använd inte en JPEG när…

• du behöver en webbgrafik med transparens. JPEG har inte en transparenskanal och måste ha en solid färgbakgrund. GIF och PNG är dina bästa alternativ för öppenhet.
• du behöver en skiktad, redigerbar bild., JPEG är ett platt bildformat vilket innebär att alla redigeringar sparas i ett bildlager och kan inte ångras. Tänk på en PSD (Photoshop) fil för en helt redigerbar bild.

GIF

GIF är en förlustfri raster format som står för Graphics Interchange Format. Den stora frågan: Hur uttalas det? Skaparen av GIF säger ”JIFF” som jordnötssmör. Denna författare (och massor av världen) säger ”GIFF” eftersom grafiken börjar med en ”guh.”Hur som helst, vi lämnar det upp till dig., GIF är också ett allmänt använt webbbildformat, vanligtvis för animerad grafik som bannerannonser, e-postbilder och sociala medier memes. Även GIFs är förlustfri, de kan exporteras i ett antal mycket anpassningsbara inställningar som minskar mängden färger och bildinformation, vilket i sin tur minskar filstorleken.

du bör använda en GIF när…

• du vill skapa webbanimering. GIF-bilder håller alla animationsramar och tidsinformation i en enda fil., Bildredigerare som Photoshop gör det enkelt att skapa en kort animering och exportera den som en GIF.
• du behöver öppenhet. GIF-bilder har en ”alfakanal” som kan vara transparent, så att du kan placera din bild på någon färgad bakgrund.
• du behöver en liten fil. Komprimeringsteknikerna i GIF-formatet tillåter bildfiler att krympa enormt. För mycket enkla ikoner och webbgrafik är GIF det bästa bildfilformatet.

använd inte en GIF när…

• du behöver en bild av fotokvalitet., Även GIFs kan vara hög upplösning, de har en gräns på 256 färger (om du inte vet några knep). Foton har vanligtvis tusentals färger och kommer att se platt och mindre levande (och ibland konstigt på grund av färgbanding) när den konverteras till GIF.
• Du måste skriva ut en bild. På grund av färggränsen kommer de flesta tryckta bilderna att sakna djup. Om du behöver skriva ut foton, titta på TIFF, PSD och JPG.
• du behöver en skiktad, redigerbar bild. GIFs är ett platt bildformat vilket innebär att alla redigeringar sparas i ett bildlager och kan inte ångras., Tänk på en PSD (Photoshop) fil för en helt redigerbar bild.

PNG

PNG är ett förlustfritt rasterformat som står för bärbar Nätverksgrafik. Tänk på PNG som nästa generations GIF. Detta format har inbyggd transparens, men kan också visa högre färgdjup, vilket översätter till miljontals färger. Png är en webbstandard och blir snabbt ett av de vanligaste bildformaten som används online.,

du bör använda en PNG när…

• du behöver högkvalitativ transparent webbgrafik. PNG-bilder har en variabel ”alfakanal” som kan ha någon grad av öppenhet (i motsats till GIF-filer som bara har ON/off-transparens)., Plus, med större färgdjup, har du en mer levande bild än du skulle med en GIF.
• du har illustrationer med begränsade färger. Även om någon bild kommer att fungera, är PNG-filer bäst med en liten färgpalett.
• du behöver en liten fil. PNG-filer kan krympa till otroligt små storlekar – särskilt bilder som är enkla färger, former eller text. Detta gör det till den perfekta bildfiltyp för webbgrafik.

använd inte en PNG när…

• du arbetar med bilder eller konstverk. Tack vare PNG: s höga färgdjup kan formatet enkelt hantera högupplösta bilder., Men eftersom det är en förlustfri webbformat, filstorlekar tenderar att bli mycket stor. Om du arbetar med bilder på webben, Gå med JPEG.
• du arbetar med ett utskriftsprojekt. PNG-grafik är optimerade för skärmen. Du kan definitivt skriva ut en PNG, men du skulle vara bättre med en JPEG (förstörande) eller TIFF-fil.

TIFF/TIF

TIFF är en förlustfri raster format som står för taggade bildfilformat. På grund av sin extremt höga kvalitet används formatet främst i fotografering och skrivbordspublicering., Du kommer sannolikt att stöta på TIFF-filer när du skannar ett dokument eller tar ett foto med en professionell digitalkamera. Observera att TIFF-filer också kan användas som en ”behållare” för JPEG-bilder. Dessa filer kommer att vara mycket mindre än traditionella TIFF-filer, som vanligtvis är mycket stora.

du bör använda en TIFF när…

• du behöver högkvalitativ utskriftsgrafik., Tillsammans med RAW, TIFF-filer är bland de högsta kvalitet grafiska format tillgängliga. Om du skriver ut foton-särskilt i enorma storlekar-använd det här formatet.
• du gör en högkvalitativ skanning. Använda TIFF för att skanna dina dokument, foton och konstverk kommer att se till att du har den bästa originalfilen att arbeta bort av.

använd inte på TIFF när…

• du arbetar med webbgrafik. Medan många webbläsare stöder det, är TIFF-filer optimerade för utskrift. Gå med JPEG eller PNG när du behöver visa högkvalitativa bilder online.,

RAW

ett raw-bildformat innehåller obearbetade data som tagits av en digitalkamera eller skannersensor. Vanligtvis bearbetas bilder (justerat för färg, vitbalans, exponering etc.) och sedan konverteras och komprimeras till ett annat format (t.ex. JPEG eller TIFF). Raw-bilder lagra obearbetade och bearbetade data i två separata filer, så att du är kvar med högsta kvalitet bild möjligt att du kan redigera icke-destruktivt med en fotoredigering program som Photoshop., Det finns dussintals raw-format, men några av de typiska formaten är CRW (Canon), NEF (Nikon) och DNG (Adobe).

du bör använda RAW när…

• du fotograferar och redigerar bilder. Se till att kameran är inställd på RAW så att du kan fånga den mest mångsidiga bilden. Använd sedan ett kompatibelt fotoredigeringsprogram för att justera din bild.

använd inte RAW när…

• du arbetar med webbgrafik. RAW är byggd för fotoredigering., När du är redo att presentera dina bilder för webben, konvertera dem till JPEG.
• du är redo att skriva ut dina foton. Många skrivare accepterar inte raw-format, så konvertera först till JPEG eller TIFF.

PSD

PSD är ett proprietärt skiktat bildformat som står för Photoshop-dokument. Dessa är ursprungliga designfiler som skapats i Photoshop som är helt redigerbara med flera lager och bildjusteringar., PSD används främst för att skapa och redigera rasterbilder, men det här unika formatet kan också innehålla vektorlager, vilket gör det extremt flexibelt för ett antal olika projekt. En PSD kan exporteras till valfritt antal bildfilformat, inklusive alla rasterformat som anges ovan.

du bör använda en PSD när…

• Det är dags att retuschera bilder. Behöver färg korrigera ett foto? Eller lägga till ett lager av text? PSD = foton.
• Du måste redigera konstverk för digital eller utskrift., Det kan vara ett foto, målning, teckning, eller något annat. Photoshop är rätt verktyg för att se till att varje linje, skugga och textur är på plats.
• du vill ha digitala bilder för webben som sociala medier bilder, bannerannonser, e rubriker, videor etc. Skapa dessa bilder i Photoshop kommer att se till att de är rätt storlek och optimerad för webben.
• Du måste skapa en webbplats eller app mockup. Lager gör det enkelt att flytta UI element runt.
• du vill bli fancy med animering och video., Photoshop gör det enkelt att skära ihop enkla videoklipp och lägga till grafik, filter, text, animering och mer.

använd inte en PSD när…

• Du måste skicka ett foto online eller skicka en förhandsgranskning till en klient. Webben är JPEG vänlig. Konvertera först för att se till att din publik kan se din bild (och så det tar inte flera minuter att ladda ner).
• du är redo att skriva ut dina foton. Många skrivare accepterar inte PSD-formatet, så konvertera först till JPEG eller TIFF.,

vektor filformat—

Vad är en vektorbild

vektorbilder är digitala konstverk där punkter, linjer och kurvor beräknas av datorn. De väsentligen jätte matematiska ekvationer, och varje ”ekvation” kan tilldelas en färg, stroke eller tjocklek (bland andra stilar) för att göra formerna till konst. Till skillnad från rasterbilder är vektorbilder upplösningsoberoende. När du krymper eller förstorar en vektorbild blir dina former större, men du kommer inte att förlora någon detalj eller få någon pixelering., Eftersom din bild alltid kommer att göra identiskt, oavsett storlek, finns det inget sådant som en förstörande eller förlustfri vektorbildstyp.,

Vector images are typically used for logos, icons, typesetting and digital illustrations., Adobe Illustrator är branschstandard bildredigerare som används för att skapa, designa och redigera vektorbilder (även om det också kan innehålla rasterbilder också).

PDF

PDF står för Portable Document Format och är ett bildformat som används för att visa dokument och grafik korrekt, oavsett enhet, applikation, operativsystem eller webbläsare. I sin kärna, PDF-filer har en kraftfull vektorgrafik foundation, men kan också visa allt från rastergrafik för att bilda fält till kalkylblad., Eftersom det är en nära universell standard, PDF-filer är ofta filformatet begärs av skrivare för att skicka en slutlig design i produktion. Både Adobe Photoshop och Illustrator kan exportera direkt till PDF, vilket gör det enkelt att starta din design och göra den klar för utskrift.,

du bör använda en PDF när…

• Du är redo att skriva ut. Som vi nämnde föredrar många skrivare PDF som deras primära leveransformat eftersom det är så allestädes närvarande. Kontrollera med skrivaren för att se hur de vill att du ska förbereda din fil.,
• du vill visa dokument på webben. Du skulle inte använda en PDF för en enda ikon eller logotyp, men det är bra för affischer, flygblad, tidskrifter och häften. PDF-filer kommer att hålla hela din design i ett paket, vilket gör det enkelt att visa, ladda ner eller skriva ut.

använd inte en PDF när…

• Du måste redigera din design. PDF-filer är stora behållare, men använda andra program för innehållet. Du kan redigera rasterbilder med Photoshop och vektorgrafik med Illustrator. När du är klar kan du kombinera dem till en PDF för enkel visning.,

EPS

EPS är ett bildformat som står för inkapslat PostScript. Även om det används främst som en vektorformat, kan en EPS-fil innehålla både vektor-och rasterbilddata. Vanligtvis innehåller en EPS-fil ett enda designelement som kan användas i en större design.,

You should use an EPS when…

• You need to send a vector logo to a client, designer or a printer., Med en EPS-fil behöver du inte oroa dig för var logotypen ska placeras eller skrivas ut. Oavsett storlek kommer det alltid att visas med rätt upplösning.

använd inte en EPS när…

• du har att göra med fotografier eller konstverk. EPS kan hantera rasterbilder, men den här typen av bildfil är främst för vektorer. Arbeta med en PSD, TIF eller JPEG när du har ett fotoprojekt.
• Du måste visa en bild online. Exportera till JPEG, png eller GIF först.,

SVG

SVG står för skalbar vektorgrafik och är ett XML-baserat vektorbildformat för tvådimensionell grafik. Det kan sökas, indexeras, skalas och komprimeras och kan resultera i mindre filstorlekar än andra filformat, vilket gör den idealisk för webben. SVG-filer kan redigeras i grafiska redigeringsprogram samt textredigerare.

du bör använda SVG när…

• du vill skapa datorgenererade grafer och diagram för publicering på webben.

använd inte SVG när…

• du behöver ett filformat för ett utskriftsflöde.,

AI

AI är ett proprietärt vektorbildformat som står för Adobe Illustrator. Formatet är baserat på både EPS och PDF-standarder som utvecklats av Adobe. Liksom dessa format, AI-filer är främst en vektorbaserat format, även om de också kan innehålla inbäddade eller länkade rasterbilder. AI-filer kan exporteras till både PDF och EPS-filer (för enkel granskning och utskrift), och även JPEG, PNG, GIF, TIFF och PSD (för webbanvändning Och vidare redigering).,

du bör använda en AI när…

• Du måste redigera en vektordesign. AI-filer kan du flytta och ändra varenda element i din design med bara ett klick eller två.
• Du måste skapa en logotyp, ikon eller varumärkesmaskot. Varje vektorform och linje som skapas i Illustrator kan blåsas upp till vilken storlek som helst, vilket gör den idealisk för bilder som behöver användas på många olika sätt.
• du vill ha en sida Skriv ut pjäs., Illustrator är perfekt för affischer, visitkort, flygblad och notecards som kan kombineras med andra rasterbilder.
• Du måste ange typ för en logotyp. Illustratorens sättning funktioner är otroligt kraftfulla, vilket gör att någon text kan sträckas, Skevas och omvandlas på något sätt tänkbart.

använd inte en AI när…

• Du måste redigera bilder. Om en rasterbild (foto eller konstverk) används i en komposition, har Illustrator ett begränsat antal verktyg för att redigera den bilden direkt., Photoshop (PSD-filer) kan göra mer omfattande justeringar som färg, kontrast och ljusstyrka.

---