Image
Bildekomponenten viser et bilde i riktig oppløsning ut fra størrelsen det vises i på skjermen, og kan vise en lavoppløselig forhåndsvisning under innlasting av store bilder.
Retningslinjer for bildestørrelser
Det er viktig at forhåndsvisningen er betydelig mindre enn fullstørrelse. Poenget med å gi en bedre forhåndsvisning på trege forbindelser faller helt bort om brukeren også må vente på å laste ned forhåndsvisningen! Det er forventet at forhåndsvisningen er så liten at det er umulig å se detaljer.
Forhåndsvisning
Forhåndsvisningen bør ikke være mer enn ca. 50 piksler bred, og ikke mer enn 2-5 kB i filstørrelse.
Responsive bildestørrelser
Den laveste opppløsningen bør fungere fint på mobiltelefoner uten å være for stor. 400 piksler er en god minstestørrelse. Den største oppløsningen bør være det dobbelte av den største bredden bildet kan ha, for å imøtekomme skjermer med retina-oppløsning. Du trenger imidlertid ikke lage bilder med noe særlig mer enn 1920px bredde, ellers blir filstørrelsen for veldig stor!
Filformater
Bruk gjerne moderne bildeformater som WebP! Disse tar gjerne mindre plass for tilsvarende størrelse enn tradisjonelle formater som jpg, og støttes av alle nettlesere vi har støtte for i Jøkul. Ikke bruk png for fotografier, kun for grafiske fremstillinger.