Billedbehandling til web

Billeder på websites forøger LOADTIDEN af de enkelte sider.
Jo flere billeder, der er på samme side, jo længere tid tager det, at vise siden.
Derfor bør antallet af billeder pr. side, være valgt med omtanke.

SKAL der være billeder, er det en god idé, at bruge mindre billeder i teksten - og så give dem mulighed for, at de kan forstørres.

Visning af enkeltbilleder

Visningen af forstørrelsen kan gøres på flere måder.
Her er et eksempel på en god billedvisningsmetode af et enkelt billede (klik på billedet):

Ry og Himmelbjerget set fra Kyhn's Minde

Man kan i dag godt bruge store billeder i forstørrelsen, da mange brugere har hurtige netforbindelser.
Det her viste er 1440 x 900 px, som er en god størrelse på selv store skærme.
Hvis din skærm ikke er stor nok, vil billedet være reduceret i størrelse.

Visning af flere billeder i serie

Her er et eksempel på en god billedvisningsmetode af flere billeder i serie (klik på billedet):

Billedserie fra Landbrugsmessen Gl. Estrup 2007

Billederne ses som én lang serie, men kan også ses som enkeltbilleder, ved at klikke på ikonet

i rammen under billederne.
Også her kan billederne være rimeligt store, men de bør ikke overskride 1000 x 750 px af hensyn til LOADTIDEN.
De her viste er 600 x 400 px.

Datareducering af billeder

På grund af billeders datamæssige størrelser og nogen gange også deres fil-format, kan de ikke sådan uden videre bruges på Internettet. Et enkelt digitalt billede i fuld størrelse kan nemt fylde fra 1 MByte til 50 MByte.
Billeder kan nedsættes i størrelse med en simpel kommando - men datamæssigt er de stadig af samme størrelse. Derfor skal billederne sættes ned til det antal pixels, man skal bruge i browseren og de skal også datareduceres (komprimeres), for yderlig at nedsætte deres data-størrelse. Gør man ikke det, vil LOADTIDERNE blive alt for store.

Ændring af størrelse og især datareducering skal udføres i et professionelt billedbehandlingsprogram. Man kan i et sådant rent faktisk godt reducere datastørrelsen uden, at det går nævneværdigt ud over billedkvaliteten. Hvor meget billederne kan "tåle" at reduceres, vil altid være en individuel afvejning af hvert enkelt billede.

Her er et eksempel - billedet til venstre fylder 84.257 Byte, det til højre fylder 7.319 Byte (inkl. ICC-profil):

De er begge et .jpg-billede og de har begge samme pixel-størrelse - men billedet til højre er komprimeret.
Billedet til højre LOADES ca. 11,5 gange hurtigere.

Andre forhold ved billedbehandling

Under forberedelsen af billederne til web-brug, skal man gøre sig klart, at farvemængde, kontrastmængde og skarphed øger billedets datastørrelse.
For at styre lys, kontast og farve, er det en god idé, at forsyne billederne med en ICC-profil. Uden en sådan vil billederne, set i browseren hos brugeren, være ændret i lys, kontrast og farve - i forhold til din egen skærm.

For at kunne udføre dette arbejde med den nødvendige professionalisme, er det nødvendigt at have en stor, farvekorrigeret kvalitetsskærm, og en vis indsigt på området, når man arbejder med billeder. Uden, vil resultatet være tvivlsomt.

Tak, fordi du printede denne side.
Har du spørgsmål, er du mere end velkommen til at henvende dig.