Bilder
Bilder kan brukes på mange steder i Optimizely. Denne veiledningen tar for seg generell bruk av bilder, men er ikke uttømmende for alle scenarioer.
Merk at det lenger ned på siden er informasjon om bildetekst, alternativ tekst (UU-krav), fotopunkt og om bildevisninger.
Les gjerne innholdsveilederen om foto og film på sykehus.
Det anbefales å redigere bilder i et bildeprogram før de lastes opp i Optimizely, da det er svært begrenset med funksjonalitet for bilderedigering i forhold til SharePoint. Optimizely skalerer oppløsningen opp og ned, men det er fordelaktig å ha riktig bildeforhold på bildet.
Bildeforholdene som benyttes er:
- Bilder inne på sider og promobokser = 3:2 (tradisjonelt fotoformat fra kamera)
- Sidejusterte bilder = 4:5
- Runde bilder (forsider og temasider) = 1:1
- Sideutlisting = dynamisk, men bruk 2:1
- Inne på side kan man redaksjonelt velge (se ekspanderende overskrift under for eksempler)
Her er det samme bildet i forskjellige redaksjonelle utsnitt. Bildet er originalt et ultrabredt bilde.
Siden størrelsen på bildene tilpasser seg nettleseren til brukeren, vil de variere i størrelse. Nettbrett viser for eksempel større bilder på promoboksene enn på en vanlig datamaskin. Derfor er det ikke mulig å komme med nøyaktige mål på hvor store bildene skal være, men som en tommelfingerregel bør sidebilder og bilder i promobokser være minimum 1000x666 piksler store. Det er også lurt at bildene ikke er for store, da det kan føre til dårligere nedskalering av bildet.
I tillegg har vi bildehåndtering i Cloudflare (mekanisme for caching) pluss Optimizely sin fokuspunktskalering på toppen av responisitiviteten beskrevet over. Det er derfor ikke mulig å gi et nøyaktig antall piksler for hver bildestørrelse som vil være gjeldende for de forskjellige bildeformatene.
Flere måter å laste opp et bilde
Felt i sidemal: Enkelte sidemaler har egne felt for sidebilde, slik som standardside, nyhetsside og temaside. På disse sidemalene er det egne felt hvor du kan dra inn et bilde fra din egen datamaskin. Bilder som blir dratt inn her, havner automatisk i mappen "for dette nettstedet" under medier. Merk at det er enkelt å flytte bilder senere til andre mapper uten at de slutter å virke.
Bilder inn i hovedinnholdsfelt: Skal du legge inn bilder i hovedinnholdsfeltet eller andre steder hvor det ikke er egne felt for bilder, anbefales det å først laste bildet opp i Optimizely. Det gjøre enkelt ved å dra bildet fra din datamaskin og inn i den høyre innholdmenyen (den med blokker, medier og kategorier) og for eksempel under "for denne siden". Husk å velge "medier" som kategori øverst i innholdsmenyen, slik at du ser bildet ditt etterpå.
Når du har lagt bildet ditt inn i Optimizely, er det bare å dra det inn i hovedinnholdsfelet der du ønsker å ha det.
TIPS: Det kan være smart å legge inn noen linjeskift under bildet ditt før du drar det inn på siden, slik at det er enkelt å legge inn tekst eller annet innhold under bildet om du ønsker det.
Foto: Slik ser det ut om jeg legger inn informasjon om kreditering.
Visninger av bilder (høyre, venstre og sentrert visning): Det er mulig å få bildet til å flyte på siden av teksten om man ønsker. Da drar man bare bildet inn der man ønsker at det skal være og trykker på det og velger "visningsvalg". Velg så om du vil ha bildet i stående på venstre eller høyre side av teksten. Standard er "liggende full bredde"
Bildetekst: Det er lurt å legge inn bildetekst på bildene. Dette er da teksten som vises under bildet og er synlig for alle. Skal bildet krediteres noen, så skriver du det inn i feltet for kreditering som beskrevet lenger ned i denne veiledningen.
Bildeformat: Velg mellom liggende 3:2, liggende 16:9, stående 4:5 eller original (bildets originale proporsjoner blir brukt)
Funksjoner inne på selve bildet
Dobbeltklikk på bildet i høyremenyen (altså under for eksempel "for dette nettstedet")
- Alternativ tekst (UU): Vi er lovpålagt å ha alternativ tekst på bildene våre. Med Optimizely bruker vi kunstig inteligens til å gjenkjenne hva som er på bildet og automatisk lage en alternativ tekst. Denne fungerer bra, men er ikke alltid korrekt. Det er derfor anbefalt å sjekke den alternative teksten som blir generert.
Dette gjør du ved å dobbeltklikke på bildet i høyremenyen (altså under for eksempel "for dette nettstedet"). Erstatt eventuelt teksten med noe som passer bedre og publiser endringene. Merk: Den automatiske funksjonen for alterantiv tekst støtter ikke nynorsk og samisk. Om det er tomt i feltet for nynorsk eller samisk, vil alt-teksten fra feltet for bokmål benyttes. - Kreditering: Fotograf og/eller bildebyrå. Opphavsrett.
- Type bilde: Vises foran en eventuell kreditering. Bytt fra "Foto" hvis bildet er grafikk eller illustrasjon.
- Fokuspunkt: Brukes når bildet skaleres ned og det ikke er plass til hele bildet. Klikk på bildet der du ønsker at fokus skal være. Det vil da komme en rød prikk som viser at du har markert bildet.
Alle endringer inne på bildet må lagres. Husk derfor å gå øverst på bildeinnstillingene og publiser endringer som er gjort.
Du kan gå tilbake til siden du var på ved å trykke på det gule båndet oppe på siden og knappen "tilbake" som vises i brukergrensesnittet.
TIPS: Det kan være lurt å lage et bildearkiv over mest brukte bilder i høyremenyen (der med blokker, medier og kategorier). Ved å opprette en mappe under "for dette nettstedet" for bilder, kan man samle mye innhold. Det er også mulig å ha mapper i mappen, slik at man får systematisert bildene så de er lette å finne.
TIPS 2: Det er enkelt å søke i bildemappene. Velg "medier" i høyremenyen og søk. Da vil du få opp alle medier som har et filnavn som inneholder det du søkte etter. Det er et endringsønske inne til høsten om å utvide muligheten for å kunne legge inn egne metadata for bildene, slik at det blir enda enklere å finne innhold.
Tips 3: Pass på at bildet du henter inn blir publisert. Det skal skje automatisk, men hvis bildet er veldig stort eller automatisk generering av bildetekst feiler så forblir bildet upublisert. Det får da et ikon med blyant på og du må manuelt inn på bildet og publisere det.
Avansert bruk via bildeblokk
For de tilfellene hvor man trenger å vise et bilde uten bilderamme eller gjøre bildet til en lenke, så kan man bruke en bildeblokk. Dette er for erfarne brukere og spesielle tilfeller. Det er ikke ment som en erstatning for den normale måten å legge inn bilder på.
- Opprett blokken «Bilde» og gi den et godt navn
- Trykk opprett på blokken før du legger inn bilde i den. Dette er ikke et krav, men det gir en fordel av at du kan hente bilder fra denne siden. For det er ikke et alternativ før blokken er opprettet.
- Finn blokken igjen og velg rediger på den
- Last opp bilde i ressursfanen «for denne side» eller der du vil ha den, og så dra den inn i bildeblokken etterpå
- Velg bildeformat – Her er valget «original uten ramme» tilgjengelig og er et unikt valg for bildeblokken
- Legg inn bildetekst om du ønsker dette
- Legg inn lenke om du ønsker dette
- Trykk publiser endringer
Eksempel på bilde i bildeblokk med valget "original uten ramme":
