Bilder på webben

Även om du är nybörjare eller proffs så kommer man alltid i kontakt med bilder. Vilka bilder skall man ha på sin hemsida eller i sitt fotoalbum. Och oftast så vet man inte viket format man skall ha på dem och det finns också så många olika varianter såsom .gif, .jpeg, .jpg, .tiff, .png, .bmp, med flera. Vi tänkte förklara lite skillnader på de vanligaste formaten som är GIF, JPG och PNG.

GIF
Som med alla förkortningar så betyder även denna något och engelska ordet är Graphics Interchange Format. Gif filer kan hantera som max 256 färger och passar bäst för clipart, ikoner, logotyper, knappar och små animerade filer.

Med detta format har man allt som oftast några generella regler:

• • Bilder med text
  • Bilder med enkla former
  • Bilder med block av solid färg
  • Bilder med små kompakta animationer

JPG
Jpg står för Joint Photographic Experts Group och just Experts gör att även JPEG är samma format som jpg. En jpg/jpeg fil kan hantera som max 16.8 miljoner färger vilket är en hel del i jämfört med gif. Men detta filformatet är specialicerat på enbart foton. Och som generella regler gäller:

• • Fotoliknande bilder (fotografier)
  • Bilder med gradienter
  • För foton när man behöver hålla ner filstorleken

PNG
Portable Network Graphics, är det långa namnet på detta filformat, som man kan utläsa av namnet så är det ett format som är bra för internet och då speciellt på en hemsida. Png kan hantera över 16.8 miljoner färger. Png passar bäst för clip art, ikoner, logotyper, knappar, animerat men även för foton men viktigt att tänka på är att ett foto sparat i png ofta tar större plats än en jpg bild då png nte kompremerar bilden som jpg gör. Generella regler för png är:

• • För foton, när man inte bryr sig om filstorleken
  • Bästa bildformatet för att ha genomskinliga bilder
  • Inga förluster på färger

Gyllene regler för alla bildformat:

1. När man använder bilder på webben så måste man ha koll på upplösningen. Så när du skapar eller sparar din bild så skall den ha en upplösning på 72 pixlar.
2. Se till att använda rätt filformatsändelse.
3. Använd png filer så mycket som möjligt då det oftast gör att webbsidan laddas snabbare och sparar därmed bandbredd.
4. Kom ihåg att när väl en jpg bild är kompremerad så kan du aldrig få tillbaka den kvalitet bilden hade innan komprimeringen.
5. Om du vill ha editerbara bilder så skall du spara i format som PSD, PSP, PNG for Fireworks etc.
6. Datorer kombinerar ihop färger enligt RGB, och därför skall du använda rgb till webben och CMYK för trycksaker.
7. Om du skall använda en bild online så använd JPEG,PNG eller GIF. Bilder för trycksaker, använd TIFF.
8. Om du vill att bilder skall se lika bra ut på alla enheter även om iOS familjen så håll dig till PNG.

Gratis bildprogram
Splashup - www.splashup.com
Pixlr - www.pixlr.com

Kommersiella bildprogram
Adobe Photoshop - www.adobe.com
Adobe Illistrator - www.adobe.com
Corel Photo Paint - www.corel.com