Länkarna till bilder och logotyper ger dig en högupplöst version. Ändra i bildstorleken eller använd intelligent beskärning för att de ska optimeras för att visas på webben.
Ändra bildstorleken
Ändra bildstorleken genom att lägga till bredd- och höjdparametrar till filnamnet. Bilden beskärs inte och bildförhållandet förblir detsamma.
-w_WIDTH påverkar bara maxbredden på bilden. Använd den för att få bilden att passa en specifik bredd.
-w_WIDTH_h_HEIGHT påverkar både maxbredden och maxhöjden på bilden.
Byt ut WIDTH och HEIGHT mot dina egna definitioner.
Här är några exempel:
Här är en originalbild: https://via.tt.se/data/images/00785/aa4c33be-c8c7-4e18-92d3-c735b65496fc.jpg
Samma bild med breddrestriktion -w_600: https://via.tt.se/data/images/00785/aa4c33be-c8c7-4e18-92d3-c735b65496fc-w_600.jpg
Samma bild med bredd- och höjdrestriktion:-w_300_h_200: https://via.tt.se/data/images/00785/aa4c33be-c8c7-4e18-92d3-c735b65496fc-w_300_h_200.jpg
Använd intelligent beskärning
Om du har en layout på din sajt som kräver ett visst bildformat så kan du både ändra bildstorleken och använda intelligent beskärning.
Lägg till bredd- och höjdparametrar som ovan och koppla på beskärning. Den intelligenta beskärningen håller fokus på det område av bilden som har högst ljusstyrka, färgmättnad och förekomst av hudtoner.
-w_WIDTH_h_HEIGHT_crop påverkar både maxbredden och maxhöjden samt använder den intelligenta beskärningen.
Här är ett exempel:
Här är en originalbild: https://via.tt.se/data/images/00785/aa4c33be-c8c7-4e18-92d3-c735b65496fc.jpg
Samma bild med bredd- och höjdrestriktion:-w_300_h_300 och intelligent beskärning: https://via.tt.se/data/images/00785/aa4c33be-c8c7-4e18-92d3-c735b65496fc-w_300_h_300_crop.jpg