Bildformat på Internet

När du använder bilder på din hemsida eller blogg bör du använda något av följande bildformat: GIF, PNG eller JPEG. Vi ska gå igenom respektive bildformat och förklara skillnaderna samt vilka 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 (GIF fungerar dock för fotografier så länge de är svart-vita).

Däremot fungerar detta bildformat bra när det gäller bilder med begränsat antal färger som logotyper och tecknade figurer samt designelement. GIF används också för bildanimationer.

Bildformatet 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 fullt etablerat.

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 något 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 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.

fel bildformat

"Kladdig" bild med få färger

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 till 12 än från 5 till 6. Undvik därför de allra högsta värdena (bilden nedan är i kvalitet 8 av 12).

rätt bildformat

Bild som som lämpar sig väl för JPEG

En annan sak att 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. Ifall du ska redigera en redan sparad JPEG-fil bör du i stället gå tillbaka till originalbilden och redigera därifrån.

  • Inga relaterade artiklar

Tags:

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *

Följande HTML-taggar och attribut är tillåtna: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>