Bildformats Tutorial:

Informationen som jag kommer att förklara med denna tutorial kommer i första hand från digitala media formapts.pdf men även information som har letats fram på andra sätt kommer att förklaras.

PNG - Fungerar bäst på bilder med stora enfägade områden. PNG formatet är vanligt för icke fotografiska bilder så som ikoner, ritningar och grafik etc. PNG är även ersättaren för GIF och har därför många av det formatets egenskaper. Den har även egenskapen att använda sig utav transparanta delar i bilden. Fördelar är att de inte tar upp allt för stor plats vilket leder till mindre laddningstid utav hemsidor. Negativa är att de inte använder sig utav en tillräckligt stor färgpalett som gör stora bilder blir i dålig kvalite.

GIF - formatet stödjer upp till 8bits/px vilket tillåter en bild att använda sig utav en palett på 256 färger valda från 24-bitars RGB-färg området. Detta format går att använda som grafik eller logos. Detta format går även att göra rörliga bilder med. Fördelar är att de inte tar upp allt för stor plats vilket leder till mindre laddningstid utav hemsidor. Negativa är att de inte använder sig utav en tillräckligt stor färgpalett som gör stora bilder blir i dålig kvalite.

Moving-GIF - kallas även Animationer GIF är ett av få bild format som kan skapa animationer. Dessa görs med hjälp utav program. Dessa används där mindre filmsnuttar eller animeringar räcker t.ex. då animerade avatars används på forum eller som på 90-talet där det användes mycket gif-animationer på hemsidor för blixtrar och dylika objekt. Fördelar är att de inte tar upp allt för stor plats vilket leder till mindre laddningstid utav hemsidor. Negativa är att de inte använder sig utav en tillräckligt stor färgpalett som gör stora bilder/filmer blir i dålig kvalite.


Icke-förstörande kompimering - icke-förstörande komprimering. bilden som komprimeras som en icke-förstörande kompimering att vara likadan som originalet efter dekomprimering.

Transparens - Gör vissa områden genomskinliga vilket tillåter bakgrunden att komma fram. Det bästa filformatet för att använda transparanta bilder är PNG eftersom det är den enda som tillåter det och är i lagom filstorlekt. Det finns andra filformat men dessa tar upp mkt plats. Fördelarna är att man slipper redigera bilderna så att storleken kanvasen på bilden är i perfekt synk med objektet på bilden. Nackdelar är som ovan att den inte kan använda sig utav tillräckligt många färger för att vara bra för stora bilder.

Sammanflättning -

Animation - Rörliga bilder dessa är lätta att skapa med GIF filformatet men dessa går även att skapa med andra filformat så som wmv och avi etc.

Bildens filstorlek - Denna del är viktig. För att en sida inte ska ta allt för lång tid att ladda och att den inte heller ska vara beroende på användarens bandbrädd så används oftast bilder med ganska liten filstorlek på första sidorna. Det finns dock de sidor som just behandlar stora bilder som tar upp mycket plats men dessa sätts nästan aldrig på första sidan utan dessa är oftast länkade på hemsidan som gör att de öppnas i ett eget fönster. Fördelar med liten storlek är att det inte tar så lång tid att ladda alla bilderna. Nackdelar med dem är att de inte kan hålla samma kvalite.


Förstörande kompimering (JPEG) - Tar bort de delar som människan "inte" kan höra eller se. Filerna komprimeras så att de delar som vi människor inte kan se eller höra tas bort vilket gör att bilden/ljudet blir mindre i storlek men kan också förlora lite kvalite då vi inte kan ta bort exakt de saker som vi vill ta bort alltid.

Progressivitet - läser av bilden i en lång linje över hela bilden och visar den på samma sätt.

Olika kompreimeringsgrader och storlekar - JPEG är ett bra filformat då de har ett stort utbuf utavfärger men fortfarande ganska liten filstorlek. Om man jämför JPEG med BMP så är en JPEG fil ca 5 gånger mindre än vad en BMP fil är men fortfarande väldigt bra kvalite.