| |
Start-Akt
.....
BILDER ....
Noe av det viktigste du må huske på når du
ønsker å presentere bilder på webben er surferen.....
Kunden din.... Ditt besøk..... Ukjente mennesker med
et ukjent anntall ulike datamaskiner og skjærmer og som
ønsker å titte på dine bilder på nettet.
Noen har store skjærmer og stærke raske maskiner
og gigantiske nettlinjer og kan laste ned enorme bilder og tunge
nettsider med lynets hastighet, men de fleste av oss har vanlige
forhold å rette oss efter og da kan et fullstørrelsebilde
forårsake at vi mister lysten på å vente på
neste bilde og hele nettsiden forkastes fordi den oppleves som
en bøtte sirrup i 20minusgrader. |
Litt
om dataskjærmer...
Skjærmer angis i to størrelsebenevnelser hvor dene
ene angis i " (tommer) og den andre i px (pixler oppløsning):
Altså en fysisk størrelse på skjærmen
og en oppløsningstørrelsen som viser bildet.
EKS: 17" flatskjærm gir somoftest 1024 x 768 pixler
bilde. mens en 15,4"widescreen somoftest har 1280 x 800 pixler
bilde. Selv bruker jeg en 17"widescreen og en 19"widescreen
begge med 1440 x 900 pixler oppløsning/bildevisning. Dette
betyr at de vanligste websider på maksimalt 800 px bredder
og de med 1024 px bredde gir meg plass til mye ekstra på
min dataskjærm når jeg arbeider med websider og bilderedigering
samtidig som jeg surfer nettet.
Når man således legger et bilde inn i en på
forhånd fastsatt del av en webside så vil altså
bildets fysiske størrelse i pixler måtte reduseres
for å tilpasses dette målet dersom man ikke viser
bildet ved å åpne det i et nytt vindu uavhengig av
websiden det tilhører.
(eksempler kommer lengre ned) |
Begreper....
Dersom bilder er noe av det viktigste ingrediensen i dine websider
eller i din blogg bør du også lære deg noen
enkle grunnregler og benevnelser og hva disse betyr i sammenheng
med webpresentasjon av fotomateriale.
FORMAT:
Eks vanligste; JPEG, jpg, gif. (bmp, tiff og png brukes lite
på web)
Strektegninger, Fargtegninger, ”ClipArt”, Logotypes
= GIF
Fargtegninger med toninger = JPEG
Tekst, ensfarget, fyllt eller med effekter = GIF
Fotografier i fullfarge = JPEG
Fotografier i gråskala = GIF
Bilde med transparent bakgrund = GIF
Animerte bilder, bilde eller tekst som innehar bevegelse = GIF
Bilde som lastes ned ”utydlig” og gradvis blir skarpere
= GIF/JPEG
STØRRELSE: Fysisk størrelse i pixler;
bredde x høyde
TYNGDE:
Eks; bit(1b= 1 bit),
kilobit(1kb= 1000 biter),
megabit(1mb= 1000 000 biter).
Kvaliteten et bildet innehar vil gi det en viss mengde data
å slepe på og dette gir bildet en tyngde som igjen
påvirker tiden det vil ta for en nettsurfer å laste
det inn på sin data for å se bildet på sin
skjærm. Hvis da bildet i tillegg innehar flere biter enn
skjærmen din kan vise så må maskinen din i
tillegg forminske bildet for visning på din skjærm
å dette tar også litt tid og forsinker visningsprosessen
betydelig.
|
| |
Kvalitet
kontra tyngde eksempler i full størrelse
Som du her vil se øker tyngden på bildet betraktlig
(datainnholdet i bildefilen) ved påsetting av tekst og det
vil således forårsake "stjeling" av bildets
kvalitet dersom man er begrenset av å holde bildets tyngde
nede på et minimum på en surfevennlig webside på
internett. Bildene er lagt ut i fullstørrelser selvom jeg
betviler at det kan finnes så veldig mange surfere der ute
med skjærmoppløsning til visning av fullstørrelsebilder.
Din datamaskin vil automatisk skalere ned bildet til å kunne
vises på din skjærm. |
EKS: Fullstørrelse lav digital kvalitet
<- åpner i nytt vindu
Tyngde: 933 kb (242 kb uten copyright teksten)
Fysisk størrelse: 2592 x 1944 pixler
Herunder ser du samme bilde med minsket fysisk størrelse
til 550 px bredde x 413 px høyde og en kvalitet
på medium (tilsvarende 60%) bildet har nå
en tyngde på 22 kb
|
EKS:
Fullstørrelse normal digital kvalitet <- åpner
i eget vindu
Tyngde: 1,73 mb (677 kb uten copyright teksten)
Fysisk størrelse: 2592 x 1944 pixler
Herunder ser du samme bilde med minsket fysisk størrelse
til 550 px bredde x 413 px høyde og en kvalitet
på medium (tilsvarende 60%) bildet har nå
en tyngde på 69 kb
|
EKS:
Fullstørrelse høy digital kvalitet <- åpner
i eget vindu
Tyngde: 4,18 mb (3,19 mb uten copyright teksten)
Fysisk størrelse: 2592 x 1944 pixler
Herunder ser du samme bilde med minsket fysisk størrelse
til 550 px bredde x 413 px høyde og en kvalitet
på medium (tilsvarende 60%) bildet har nå
en tyngde på 66 kb
OG
Herunder ser du samme bilde med minsket kvalitet
til lav (tilsvarende 20%)
bildet har nå en tyngde på 27 kb
|
PS
/ MEGET VIKTIG
Når
du lager en nettside eller en artikkel med mange bilder foreksempel
på en blogg bør du alltid tømme maskinens
midlertidige filer osv EFTER at artikkelenm er ferdig for å
sjekke resultatet med maskinen uten at den har forhåndsinfo
om bildene etc i midlertidig filerlagret ditt.
Dette
er en nødvendighet for å kunne se hva man selv
faktisk lager og hvordan andre nettsurfere opplever siden. Når
du har vert innom siden vil den ha lagret bilder etc på
nytt å du vil ikke kunne se det virkelige resultatet før
du på nytt tømmer maskinen din.
Det er også viktig å huske på at ikke alle
har samme type og størrelse skjærm som din PC/MAC
og derfor bør du også ta hensyn til de vanligste
standardmål for skjærmoppløsninger som idag
virker å være: fra 800x768 til 1280x800 Dersom du
lager en bilde og tekstside i eksempelvis 1280x800 oppløsning
og denne blir påtvunget sideveis scroll ved visning på
mindre skjærm så vil en surfer med stor sansynlighet
bli kjei av å surfe siden din..... Dersom siden din er
dynamisk/tøyelig slik at den tillpasser seg skjærmens
størrelse uten sideveis scroll må du også
huske at den kan bli fryktelig rotete om ikke bilder og tekst
er tillpasset denne endringsmuligheten.
HUSK:
En liten webside kan vises på alle skjærmer.....
En stor webside kan bli kaotisk og lite tiltalende ved visning
i små skjærmeoppløsninger.
|
Akt
.....
Time will Show...... |
