Vilka bildformat används på Internet?

När du vill lägga ut bilder på hemsidan måste du sträva efter att få bildfilerna så små som möjligt. Samtidigt skall det naturligtvis synas vad bilden föreställer.

Den viktigaste metoden för att göra en bildfil liten förbises ofta: Beskär bilden för att ta fram den information som du vill visa. Ett porträtt av nyfödde sonen blir oftast mycket bättre om det visar just den nyfödde sonen, och inte dessutom en massa ovidkommande miljödetaljer runt honom.

Men vilka bildformat är det som används på Internet? Kort uttryck: JPG, GIF och PNG. En så kort beskrivning säger dock ingenting om vilket bildformat man bör använda eller vad de olika formaten egentligen har för möjligheter.

JPG eller JPEG - Joint Pictures Experts Group - använder sig av förstörande komprimering, vilket innebär att information tas bort från bilden när den lagras. Varje gång bilden sparas på nytt försämras den ytterligare.

Du kan själv ställa in hur mycket bilden skall komprimeras. En kraftig komprimering ger en liten fil med dålig bildkvalitet. En liten komprimering ger en stor fil där kvalitetsförlusten kanske inte syns alls.

En bild i storleken 640x480 innehåller 115030 färger. Okomprimerad är bilden 921640 bytes stor.

I JPG-bilder kan du använda 16 miljoner färger (24-bitars). Formatet lämpar sig mycket bra för fotografier och andra bilder där färgerna är många och där du har stor detaljrikedom.

JPG-bilden kan sparas som "standard" eller "progressiv". Standardbilden kommer att visas uppifrån och ned, som när en rullgardin dras ned. Den progressiva bilden blir gradvis mer detaljerad och man ser tidigt vad bilden föreställer.

Spara inte bilden i JPG-format förrän du har arbetat färdigt med den - tänk på att kvaliteten försämras varje gång du sparar. Till dess bör du i stället använda dig av TIFF-formatet eller något annat format som inte använder förstörande komprimering.

I PhotoShop Elements 2.0 kan man spara JPG-bilder på tre olika sätt: Baslinje standard, Baslinje optimerad samt Progressiv.

Formatet Progressiv kan – under vissa förutsättningar när de används i vissa program – ställa till problem så att bilderna inte går att öppna i programmet, trots att de kan öppnas normalt i PhotoShop Elements 2.0.

GIF - Graphics Interchange Format - togs fram av CompuServe som en metod att effektivt överföra bilder via telefonnätet.

En GIF-bild kan innehålla högst 256 färger (8-bitars) och du kan ange att en av dessa färger skall vara transparent. Därmed kan du få en bild där bakgrunden bakom bilden syns i vissa delar av bilden, vilket gör att bilden kan ha till synes oregelbunden form.

GIF använder en icke-förstörande komprimering, vilket gör att den komprimerade bilden kan återskapas till 100 procent. Formatet lämpar sig mycket bra till bilder med få färger, teckningar och liknande.

GIF-bilden kan sparas som "NonInterlaced" eller "Interlaced". Det senare innebär att bilden ritas upp så att man inte behöver vänta tills hela bilden är laddad för att kunna se vad den föreställer. Om en del av bilden skall vara genomskinlig, bör du välja "NonInterlaced", eftersom en del webbläsare annars inte kan hantera bilden så som du vill att den skall visas.

GIF-formatet kan visa flera bilder inom samma bildfil, vilket gör det möjligt att använda animerade bilder.

Komprimeringsmetoden som används av GIF är patenterad av Unisys Corporation. Eftersom företaget vill ha betalt av alla programutvecklare som använder GIF, har ett nytt bildformat utvecklats som ersättare för GIF.

PNG - Portable Networks Graphics - har utvecklats som en ersättare för GIF och kan liksom GIF-formatet göras "Interlaced".

PNG-bilden kan innehålla 24-bitarsgrafik (true color), medan GIF bara klarar 8-bitars. En annan skillnad jämfört med GIF är att PNG-bilden kan innehålla hela 256 grader av genomskinlighet.

PNG-filen kan däremot inte visa flera bilder - till animerade bilder måste du fortfarande använda GIF eller JavaScript.

Det finns en lång rad andra format som kan användas på Internet, men det här är de viktigaste. Du kan läsa mer om att använda bilder på Internet under "Bilder" i HTML-skolan.

© SupportData.Net