Image scaling Last updated: 16. May 2023
Read about the different scaling modes here.
Scaling modes
| Mode | Description |
|---|---|
| 0 | Scale to fit |
| 1 | Scale to fill |
| 2 | No ratio rescale |
| 3 | Scale with white margin |
| 4 | Scale with black margin |
| 5 | No scaling |
Se more detailed explainaitions of each mode below.
Scaling modes explained
> Scale to fit (0)
The system scales down the image so that it fits within the format defined in the specified width and height parameters. If it is already smaller it keeps it's original size.
- Either the width and/or the height is defined
- The image does not fill the entire target area if the height/width format in the image does not match
- The image is never scaled up if it is too small
- Transparent background does not work if the image is rescaled
- Images get the optimal file size
Examples
> Scale to fill (1)
Systemet tar automatisk utsnitt av bildet for å passe formatet som er definert i websidene.
- Alle bilder blir like store, og nøyaktig samme størrelse som definert uansett høyde/bredde forhold
- Hele bildet kommer ikke alltid med
- Utsnitt kan bli gjort, topp/bunn eller venstre/høyre del kan bli kuttet vekk fra bildet.
- Gjennomsiktig bakgrunn virker ikke dersom bildet omskaleres
- Bilder kan bli skalert opp dersom de er for små
- Bilder får optimal filstørrelse
Examples
> No ratio rescale (2)
Image is rescaled and stretched.
> Scale with white margin (3)
Systemet skalerer ned bildet slik at de passer innenfor formatet som er definert i websidene og fyller området rundt med hvit farge slik at bildet alltid får målstørrelsen.
- Bildet fyller hele målområdet selv om høyde/bredde formatet i bildet ikke stemmer
- Bildet blir ikke skalert opp dersom det er for lite
- Gjennomsiktig bakgrunn virker ikke dersom bildet omskaleres
- Bilder får optimal filstørrelse
- Bildet kan bli fylt ut med hvite kanter over eller under dersom størrelsesformatet ikke matcher målområdet
Examples
> Scale with black margin (4)
Tilsvarende forrige men med svarte marger.
Examples
> No scaling (5)
Bilder brukes i samme størrelse som de er lastet opp og blir ikke omskalert.
- Bildedata blir aldri forandret
- Nettleseren skalerer evt. bildene selv dersom det defineres i CSS
- Bilder kan bli unødvendig store i forhold til visningsstørrelse