# Billedformater forklaret: 1:1, 4:5, 9:16, 16:9 og flere

[Canonical HTML page](https://gradiently.design/da/guide/aspect-ratios-explained)

Pixelmål ændrer sig fra platform til platform, men der er kun en håndfuld former. Lær dem og regnestykket, der binder dem sammen, så presser du aldrig et design sammen igen.

## The short version

- Et billedformat er det proportionale forhold mellem et billedes bredde og højde, skrevet som bredde:højde.
- For at finde billedformatet for en hvilken som helst størrelse dividerer du begge tal med deres største fælles divisor, så 1920×1080 bliver til 16:9.
- For at få en ny størrelse i samme billedformat ganger du den nye bredde med formatets højde og dividerer med dets bredde.
- De formater, der betyder mest på sociale medier, er 1:1, 4:5, 9:16, 16:9 og 1,91:1.
- At ændre et billede til et andet format betyder altid at beskære, tilføje plads eller lave layoutet om; at strække forvrænger det.

Et **billedformat** er et billedes form: dets bredde i forhold til dets højde, skrevet som to tal som 16:9. En video på 1920×1080 og et miniaturebillede på 1280×720 har forskellige størrelser, men samme 16:9-format, så det ene kan skaleres til det andet uden beskæring. De fleste designproblemer med »den forkerte størrelse« er i virkeligheden problemer med den forkerte form.

## De almindelige billedformater og hvor de bruges

- 1:1 kvadrat: 1080 × 1080
- 4:5 højformat: 1080 × 1350
- 2:3 pin: 1000 × 1500
- 9:16 lodret: 1080 × 1920
- 4:3 klassisk: 1600 × 1200
- 16:9 bredformat: 1920 × 1080
- 1,91:1 linkkort: 1200 × 630
- 3:1 header: 1500 × 500

Otte former dækker næsten alt, du kommer til at designe. Tegnet i målestok, fra kvadratet til den smalle header.

| Format | Form | Typisk størrelse | Bruges til |
| --- | --- | --- | --- |
| 1:1 | Kvadrat | 1080×1080 | Instagram-kvadrat, opslag på Facebook og LinkedIn, playlistcovers |
| 4:5 | Højformat | 1080×1350 | Opslag i højformat på Instagram, Threads, Facebook og X |
| 3:4 | Højformat | 1080×1440 | Sådan beskærer Instagram opslag i profilgitteret |
| 2:3 | Højt højformat | 1000×1500 | Pins på Pinterest |
| 9:16 | Lodret | 1080×1920 | Stories, Reels, TikTok, Shorts, WhatsApp-status |
| 4:3 | Klassisk bredformat | 1600×1200 | Ældre slides, Dribbble-billeder, opslag i Google Business på 1200×900 |
| 16:9 | Bredformat | 1920×1080 | YouTube-miniaturer, slides, hero-billeder på websteder, opslag på X og Bluesky |
| 1,91:1 | Bredt kort | 1200×630 | Linkvisninger og Open Graph-billeder |
| 3:1 og 4:1 | Banner | 1500×500, 1584×396 | Headere på X, bannere på LinkedIn |

Ét format, mange platforme. Når to formater deler forhold, kan ét design bruges til begge ved at skalere.

De præcise pixelmål for hver platform står i [billedstørrelser til sociale medier](https://gradiently.design/da/guide/social-media-image-sizes). Læg mærke til, hvor få former der er: kan du designe godt i 1:1, 4:5, 9:16 og 16:9, dækker du det meste af et brands tilstedeværelse på sociale medier.

## Sådan regner du et billedformat ud

Tag bredden og højden og divider begge med det største tal, der går op i dem begge, den største fælles divisor. Det, der er tilbage, er formatet i sin enkleste form.

1. **Start med størrelsen** Lad os sige 1080×1350, et Instagram-opslag i højformat.
2. **Find den største fælles divisor** Det største tal, der går op i både 1080 og 1350, er 270.
3. **Divider begge sider** 1080 ÷ 270 = 4 og 1350 ÷ 270 = 5. Billedformatet er 4:5.
4. **Eller brug et decimaltal** Divider bredde med højde: 1080 ÷ 1350 = 0,8. Decimaltal er praktiske til akavede former som 1200×630, der er omkring 1,91, deraf 1,91:1.

Hvis du hellere vil slippe for at regne i hånden, gør disse få linjer JavaScript det samme i en browserkonsol.

```js
const gcd = (a, b) => (b === 0 ? a : gcd(b, a % b));

function aspectRatio(width, height) {
  const d = gcd(width, height);
  return `${width / d}:${height / d}`;
}

// Height for a new width, keeping the same shape
const heightFor = (newWidth, w, h) => Math.round((newWidth * h) / w);

aspectRatio(1920, 1080); // "16:9"
aspectRatio(1080, 1350); // "4:5"
heightFor(1280, 16, 9);  // 720
```

Euklids algoritme til divisoren og derefter enkel skalering. Indsæt det i en vilkårlig browserkonsol.

## Omregn størrelser uden at ændre formen

For at skalere et billede og beholde formatet bruger du én formel: **ny højde = ny bredde × formatets højde ÷ formatets bredde**. For en 16:9-ramme, der er 1280 pixel bred, bliver det 1280 × 9 ÷ 16 = 720. For en 4:5-ramme, der er 1600 pixel bred, bliver det 1600 × 5 ÷ 4 = 2000.

Den modsatte vej er lige så enkel: ny bredde = ny højde × formatets bredde ÷ formatets højde. En 9:16-video, der skal være 1280 høj, er 1280 × 9 ÷ 16 = 720 bred. Får du et decimaltal, runder du af til nærmeste hele pixel; forskellen er usynlig.

## Hvad der sker, når du ændrer billedformat

Skalering bevarer formen. Ændrer du formatet, gør den ikke, og du har kun tre ærlige muligheder: skær en del af billedet væk, tilføj plads omkring det eller omarranger designet til den nye form. Den fjerde mulighed, at strække, forvrænger hvert bogstav og hver cirkel, og folk ser det med det samme.

### Beskær eller stræk

- Hurtigt, men overskriften bliver ofte skåret af
- Strækning får tekst til at se presset ud
- Logoer havner det forkerte sted
- Baggrunde mister deres lyse punkt
- Hvert format ser en smule forkert ud

### Lav layoutet om

- Ordene flyder om, så de passer til formen
- Teksten beholder sine rigtige proportioner
- Logoet placeres, hvor hvert format forventer det
- Baggrunden gengives på ny til rammen
- Hvert format ser designet ud til sin plads

Et opslag i 4:5 i højformat fra et keramikværksted, der meddeler, at forårets hold er åbnet

Designet i 4:5 til feedet: stablede ord og plads over og under.

Den samme meddelelse fra keramikværkstedet sat op i en 16:9-ramme i bredformat

Samme design i 16:9 til et hero-billede på et websted: ordene spredes bredere, og baggrunden tegnes om til rammen.

Det er det, ændring af størrelse i Gradiently gør med Pro: vælg de størrelser, du skal bruge, og hver kopi får lavet layoutet om til sin form, mens Marken bagved gengives på ny i hvert format frem for at blive beskåret fra ét billede. [Ét udtryk, alle størrelser](https://gradiently.design/da/guide/one-look-every-size) gennemgår det.

## Hvilket billedformat skal du vælge til et opslag

Når en platform tager imod flere former, så vælg den, der fylder mest på en telefonskærm. På Instagram er det 4:5, som er højere end et kvadrat og klarer profilgitterets beskæring bedst; [størrelse på Instagram-opslag](https://gradiently.design/da/guide/instagram-post-size) forklarer hvorfor. På Pinterest er en 2:3-pin standarden; længere pins findes, men kan blive skåret af i feedet, som beskrevet i [størrelse på Pinterest-pins](https://gradiently.design/da/guide/pinterest-pin-size).

Til alt, der ses på et fjernsyn eller en bærbar, er 16:9 det sikre valg, og derfor bruger [YouTube-miniaturer](https://gradiently.design/da/guide/youtube-thumbnail-size) og slides det. Til alt, der ses i fuld skærm på en telefon, er 9:16 den eneste form, der fylder den. Er du i tvivl, så design den lodrette og den brede udgave først: kvadratet og højformatet passer fint imellem dem.

## Billedformat i CSS

På nettet holder CSS-egenskaben `aspect-ratio` en boks i form ved enhver bredde, så layouts ikke hopper, mens billeder og videoer indlæses. Den understøttes i alle nuværende browsere; se [MDN's reference for aspect-ratio](https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio).

```css
.hero {
  aspect-ratio: 16 / 9;
  width: 100%;
  background: linear-gradient(135deg, #1e1b4b 0%, #6d28d9 60%, #f472b6 100%);
}

.card-image {
  aspect-ratio: 4 / 5;
  width: 100%;
  object-fit: cover; /* crops to fill rather than stretching */
}
```

Skriv formatet med en skråstreg. Par det med object-fit: cover på billeder, så de beskæres frem for at blive forvrænget.

Formater betyder også noget til tryk og video, med deres egne konventioner. Til videoformater, se [videostørrelser til sociale medier](https://gradiently.design/da/guide/social-video-sizes), og til hvordan pixelantal hænger sammen med fysisk størrelse, se [DPI mod PPI](https://gradiently.design/da/guide/dpi-vs-ppi).

## FAQ

### Hvad er et billedformat?

Det er et billedes form, udtrykt som dets bredde i forhold til dets højde, som 16:9 eller 4:5. Billeder med samme billedformat kan skaleres til hinanden uden beskæring.

### Hvordan beregner jeg et billedformat?

Divider bredden og højden med deres største fælles divisor. For 1920×1080 er divisoren 120, hvilket giver 16:9.

### Hvilket billedformat er 1080×1350?

4:5, højformatet, der bruges til opslag på Instagram, Threads, Facebook og X.

### Hvad er forskellen på 16:9 og 9:16?

Det er den samme form vendt på siden. 16:9 er bredformat og bruges til YouTube og slides; 9:16 er lodret og bruges til Stories, Reels og TikTok.

### Hvordan ændrer jeg et billedformat uden at strække?

Beskær billedet, tilføj plads omkring det, eller lav layoutet om til den nye form. At omarrangere giver det bedste resultat til design med tekst.