Bildkvalitet på webben

Använd gärna bilder - de lättar upp framställningen, ökar läsbarheten och ger ett trevligare intryck än bara text. Bearbeta bilderna innan du laddar upp dem till Infoglue. Tänk både på fysisk storlek och vikt.

Rätt storlek

En för bred bild anpassas automatiskt i visningen till kolumnbredden. Men för den skull får du inte exponera t.ex. fullstora kamerabilder. De måste först anpassas för webben.

Ta hänsyn till kolumnbredden när du anpassar din bild, eller se till att den blir så liten att det finns utrymme för text bredvid.

Använd ett bildbehandlingsprogram i datorn, eller Infoglues inbyggda bildredigerare, för att förändra den fysiska storleken och/eller upplösningen (webbanpassningen) av en bild.

Exempel: Bild som enbart storleksanpassats

Bilden nedan är i original 1,2 MB.

Jag har minskat bredden till 468 px, men inte bearbetat upplösningen. Här är resultatet:

Skridskor Stordammen testbild 311 KB
Stordammen, Österbybruk, 311 kB.

Exempel: Anpassad storlek och upplösning

Det finns ingen anledning att bilden har papperskvalitet när den ska visas på skärm.

Detta är resultatet:

Skridskor Stordammen, 37 kB
Stordammen, Österbybruk, 37 kB


Den här bilden har jag sparat med ännu lägre kvalitet:

Skridskor Stordammen, minimikvalitet
Stordammen, Österbybruk, 29 kB.

Slutsats: bildhantering

Ju bättre skärm, desto tydligare skillnader. Men resultatet visar att bilder kan bantas rejält utan att det försämrar (snarare  förbättrar) kvaliteten!

  1. Bearbeta alltid bilden innan du laddar upp
  2. Du får pröva dig fram tills du hittar den lättaste bildfilen med godtagbar kvalitet. Du bör kunna landa på 50 till 90 kB så länge bilden inte ska vara bredare än 470 px.