Bildformat på Internet

12 januari 2011 | Webdesign

textat jpg png och gifNär du använder bilder på din hemsida eller blogg bör du använda något av följande bildformat: .GIF, .PNG eller.JPG (.JPEG).

Vi ska gå igenom respektive bildformat och förklara skillnaderna samt vilket format du bör använda för olika slags bilder.

GIF (Graphic Interchange Format)

GIF komprimerar bilder till en palett med maximalt 256 färger. Därför är GIF inte att föredra när det gäller högupplösta färgfotografier eller dylika bilder. Däremot fungerar detta bildformat bra när det gäller bilder med begränsat antal färger såsom vissa logotyper och tecknade figurer samt enklare designelement.

GIF används också för bildanimationer och fungerar också för fotografier så länge de är svartvita.

GIF har funnits med länge och numera ersätts det allt oftare av PNG.

PNG (Portable Network Group)

När PNG först blev tillgängligt stödde inte alla webbläsare formatet, men numera är PNG vanligare än GIF.

Eftersom PNG överträffar GIF inom samma slags område rekommenderar jag att du använder PNG.

Det är ingen större skillnad, men PNG uppnår högre bildkvalitet än GIF samtidigt som filerna blir något mindre.

JPEG (Joint Photographic Expert Group)

JPEG eller JPG är bildformatet du bör använda för färgfotografier och bilder i allmänhet med stort färgdjup.

Däremot ska du undvika JPEG för bilder med få färger då detta bildformat tenderar ”lösa upp” konturer.

När du sparar en bild i JPEG kan du välja på en skala hur bra kvalitet du ska ge bilden (i Photoshop är den skalan 1-12). Desto högre kvalitet desto större blir bildfilen. Denna skala är exponentiell, vilket innebär att skillnaden är mycket större från 11-12 än från 5-6. Undvik därför de allra högsta värdena.

 

En annan sak du bör tänka på är att JPEG är ett ”förstörande” format. Det innebär att bilden förlorar information varje gång du sparar den i JPEG. Ifall du ska redigera en redan sparad JPEG-fil bör du i stället gå tillbaka till originalbilden och redigera därifrån.