Datakurser
Aktuell vecka: 48

Tillbaka till toppen

Övrigt Bilder

GIF, JPG och PNG

GIF

GIF-formatet är lämpligt för bilder som använder sig av få färger och har stora enfärgade ytor som grafiska objekt, ikoner, illustrationer, logotyper och dylikt.
Transparens stöds, vilket innebära att man kan göra delar av bilden helt genomskinliga så att bakgrunden syns igenom. Det går bara att få helt eller ingen genomskinlighet (opacitet).
GIF använder sig av max 256 färger.
Med GIF kan man även göra animationer genom att ordna flera bilder som visas efter varandra , i en och samma GIF-fil. (Specialprogram används för att skapa dessa.)

JPG(JPEG)

JPEG är lämpligt för fotografier.
I JPEG-formatet kan man bestämma hur mycket bilden skall komprimeras. Ju mer man komprimerar desto sämre blir kvaliteten men desto mindre blir filstorleken. Man ställer in kompimeringen genom att ange ett kvaliten med ett värde från 0 - 100. Oftast när man sparar bilden.
Eftersom JPEG är ett förstörande bildkomprimeringsformat är det viktigt att alltid spara en kopia av bilden innan man sätter igång och bearbetar bilden.
JPEG stödjer inte transparens.

PNG

PNG är flera filformat i ett och kan användas för båda ovan nämnda bildtyper. Man måste ange vilken typ av PNG man vill använda: PNG-8 är lämpligt för grafiska bilder och PNG-24 är lämpligt för fotografiska bilder.
PNG-8 använder sig precis som GIF av indexerad färger och en färgpalett på max 256 färger.
PNG-24 ger större filer än JPEG så det är i de flesta fall bättre att använda JPEG för fotografier.
PNG-24 har dock en alfakanal vilket gör att det går att sätta valfri grad av genomskinlighet.

Anpassa för webbsidor

Det är viktigt att anpassa bilder så de blir så små i storlek som möjligt. Skärmen har en viss upplösning (pixlar per sträcka) och kan inte visa bättre noggrannhet än så.
Foton bör anpassas så de blir helst max 100kB

Filändelser

Spar alltid dina filer med filändelserna gif, jpg eller png. Använd alltid små bokstäver.

Källor

Länkar

w3schools.com

W3C:s Specifikationer

Web Style Guide

Skolans webbhotell

Gå till följande sida: labb.vgy.se

Logga in med dina kontouppgifter

Lösningsförslag
(visas ej på prov)

???