Bilder

Bilder er en spesiell utfordring i Canvas. Vi kan lage mapper og laste opp bilder i disse, eller vi kan hente bilder fra eksterne ressurser med absolutt bildereferanse – hvis dette er tillatt. Eksempelvis fungerer bilder fra Norsksidene godt.

Det er noen utfordringer vi ikke har løst ennå.

1. Bilder skaleres ikke automatisk når en snur mobile enheter.

2. Det ser ut til at det er problemer med å vise bilder på enkelte enheter.

Her kommer noen råd:

1. Bilder bør ikke være for store i fysisk størrelse, og de bør optimaliseres for nett før vi bruker dem. Dette vil gjøre at de lastes enklere.

2. Det fungerer godt å sette inn bilder venstrejustert eller høyrejustert på en side.

3. Husk å sette avstand fra bilde til tekst.

4. Bilder som skal settes inn i tekst, bør ikke ha større bredde en 400 piksler.

Nedenfor ser vi edit-modus i Canvas. Vi kan merke bildet og høyrejustere det.

Det gir dette resultatet:

Her er det to utfordringer:

1. Bildet har for liten avstand til teksten.

2. Det er ikke justert på samme høyde som toppen av første linje i teksten.

Dette løser vi ved å kopiere koden inn i den utvidede editoren.

Her kan du eksperimentere med innstillingene.

Koden kopiert tilbake og lagret i Canvas gir dette resultatet: