Bildoptimering

Vilken bildstorlek passar bäst på webben?

Hitta en bra balans mellan skarpa detaljer, möjlighet att zooma och sidor som laddar snabbt.

WebbilderMobilanpassningSnabbare laddning
Bild med mått anpassade för visning på en bärbar dator

När du lägger till en bild på en webbsida dyker en fråga snabbt upp: hur stor ska den vara?

Börja med två krav

  • Bilden ska vara skarp och detaljrik.
  • Sidan ska laddas snabbt, även med en långsammare uppkoppling.

De här målen drar åt olika håll. En mycket stor bild kan se fantastisk ut men ta lång tid att ladda. En för liten bild laddas snabbt, men tappar detaljer och kan bli oskarp när besökaren zoomar in.

Anpassa storleken efter hur bilden ska visas

Målet är att anpassa bilden till de enheter som de flesta besökare använder. En mobil behöver inte lika många pixlar som originalbilden, men det ska ändå finnas tillräckligt med detaljer för att zooma in. Datorskärmar har större utrymme, men på de flesta webbsidor visas bilden ändå inte i kamerans fulla upplösning.

En enkel riktlinje från Photo-Pick

För ett vanligt fotoalbum online ger cirka 960 pixlar på bildens längsta sida en bra balans mellan kvalitet och laddningstid.

Exempelfoto med bildmått anpassade för webben
En bild som anpassats för webben har tillräckligt med detaljer för att vara behaglig att titta på, utan att hela originalfilen från kameran behöver laddas.

När behövs större bilder?

Vissa användningsområden kräver större filer. En detaljrik världskarta, en bild som ska skrivas ut eller ett foto till en stor affisch behöver andra mått. För vanliga fotoalbum på webben räcker det däremot ofta att minska originalet till en lämplig visningsstorlek. Då behåller du god bildkvalitet och gör albumet snabbare även med en svagare uppkoppling.

Låt albumet anpassa visningen

Photo-Pick anpassar automatiskt bilderna för visning på webben. Du kan ladda upp dina bilder och dela ett album utan att själv skapa en särskild kopia för varje enhet.

Samla dina webbanpassade bilder i ett album

Ladda upp dina foton och dela en enda länk. Albumet anpassar sig till besökarens skärm.