BRUK AV BILDER
Bildene er noe av det første vi legger merke til når vi besøker en nettside. De skaper en stemning, vekker følelser og påvirker hvordan vi oppfatter innholdet lenge før vi begynner å lese teksten.
Derfor er valg av bilder en viktig del av kommunikasjonen. Et godt bilde kan åpne teksten og invitere leseren inn, mens et mindre gjennomtenkt bilde kan trekke oppmerksomheten i en annen retning.
I denne veiledningen viser jeg hvordan du arbeider med bilder i Squarespace og deler noen enkle anbefalinger som hjelper deg å bevare kvaliteten og uttrykket på nettsiden.
I Squarespace kan du legge til bilder både på sider, i artikler og i nettbutikken. Fremgangsmåten er i stor grad den samme uansett hvor du arbeider.
Legge til et bilde
klikke på Add Block (+) og velge Image. Du kan hente opp bildet på flere måter
Drag and drop. Dra bildet direkte fra en mappe på datamaskinen og slipp det i image ikonet.
laste opp et bilde fra datamaskinen (select file)
velge et bilde du allerede har lastet opp tidligere (select from library)
Bilder fra mobilen
Dersom du bruker Squarespace-appen, kan du laste opp bilder direkte fra telefonen.
Det gjør det enkelt å publisere bilder du nettopp har tatt, uten å måtte flytte dem først til datamaskinen.
Hvis bildet ikke kan lastes opp
Dersom Squarespace ikke godtar bildet, skyldes det ofte at det er lagret i HEIC-format, som er standard på nyere iPhone-modeller.
Da må du lagre eller eksportere bildet som JPEG før du laster det opp.
På Mac: Åpne bildet i Forhåndsvisning.
Velg Arkiv → Eksporter.
Velg JPEG som filformat og lagre bildet.
På iPhone:
Du kan endre standardformatet under:
Innstillinger → Kamera → Formater → Mest kompatibel
Da lagres nye bilder som JPEG i stedet for HEIC.
Bytte ut et bilde
Hold markøren over bildet.
Klikk på Edit.
Velg Replace.
Last opp et nytt bilde.
Lagre.
Det nye bildet overtar plasseringen til det gamle.
Beskjære bildet
Squarespace viser samme bilde forskjellig avhengig av hvor det brukes.
Du kan justere utsnittet ved å åpne bildet og velge Edit Focal Point (flytt på den lille ringen i bildet). Da bestemmer du hvilken del av bildet som skal prioriteres dersom bildet beskjæres automatisk. Du kan også beskjære det manuelt ved å gå inn i edit og justere størrelsen.
Bildebeskrivelser
Dersom bildet er viktig for innholdet, anbefaler jeg at du legger inn en beskrivende Image Alt Text.
Dette gjør siden mer tilgjengelig og kan også bidra positivt til søkemotoroptimalisering.
Bildestørrelse og kvalitet
Et godt bilde skal være stort nok til å se skarpt ut, men ikke større enn nødvendig. For store bildefiler gjør nettsiden tregere, mens for små bilder kan bli uskarpe eller kornete på større skjermer.
Jeg eksporterer som regel bildene i 2500 piksler bredde med middels komprimering. Da ender de ofte på rundt 1 MB, som gir en svært god balanse mellom bildekvalitet og lastetid.
Squarespace optimaliserer og tilpasser dessuten bildene automatisk til ulike skjermstørrelser etter at de er lastet opp.
Bildene bør lagres som JPEG (fotografier) eller PNG (grafikk med transparens).
Forsøk å holde filstørrelsen under 1 MB. Da får du god balanse mellom bildekvalitet og lastetid.
Atelier anbefaling
Velg bilder som forteller noe
Teknisk kvalitet er viktig, men den er ikke alt.
Et bilde kan være uskarpt, kornete eller tatt i et flyktig øyeblikk, og likevel være det sterkeste bildet på hele siden dersom det evner å formidle noe om historien du ønsker å fortelle.
Spør deg derfor ikke bare om bildet er teknisk godt, men hva det tilfører. Åpner det historien, skaper det en stemning eller inviterer det leseren inn? Da kan det være det riktige bildet, selv om det ikke er perfekt.
Velg færre, bedre bilder
Et godt bilde forteller ofte mer enn mange.
Velg bildene med omtanke, og la dem få den plassen de trenger.
Bevar uttrykket
Forsøk å bruke bilder med en mest mulig lik kvalitet, stil og stemning.
Det skaper en roligere og mer helhetlig opplevelse av nettsiden.
Tenk på beskjæringen
Squarespace tilpasser bildene automatisk til ulike skjermstørrelser.
Kontroller derfor alltid hvordan bildet ser ut både på datamaskin og mobil før du publiserer.
Squarespaces veiledning.
Hvis du trenger ytterligere hjelp kan jeg anbefale Squarespaces egne veiledninger her.De oppdateres fortløpende og inneholder ofte også korte videoer som viser funksjonene i praksis.
