# Ändra storlek på design för sociala medier: en look, alla format

[Canonical HTML page](https://gradiently.design/sv/guide/one-look-every-size)

Ett kvadratiskt inlägg, en stående story och en banner i förhållandet tre till ett är olika problem. Ett bra system löser var och en på sina villkor och ser ändå ut som ett enda varumärke.

## The short version

- Det pålitliga sättet att ändra storlek på en design för sociala medier är att lägga upp den igen för varje form, inte att sträcka eller beskära en enda bild.
- Stående format staplar innehållet, breda format låter det löpa tvärs över och kvadratiska format centrerar tyngden.
- I Gradiently gör Kopiera till storlekar en ny design för varje vald storlek, var och en uppläggd igen för sin form, medan originalet förblir som det var.
- Eftersom en Mark renderas för varje storlek i stället för att skalas behåller bakgrunden sin karaktär i alla proportioner.
- Varje kopia går att redigera fullt ut, så du kan justera orden eller layouten för en plattform utan att röra de andra.

För att ändra storlek på design för sociala medier på riktigt behandlar du varje format som en egen layout. Att sträcka ett kvadratiskt inlägg till en banner är det snabbaste sättet att få det att se fel ut: orden blir för små, bakgrunden förvrängs och marginalerna slutar ge mening. Lösningen är att behålla utseendet, orden och rangordningen och lägga upp dem igen för varje form. I Gradiently är det ett enda steg, som heter **Kopiera till storlekar**.

Den här guiden går igenom varför storleksändring förstör designer, hur varje form vill läggas upp och hur du går från en färdig design till en hel uppsättning. För själva måtten, ha [bildstorlekar för sociala medier](https://gradiently.design/sv/guide/social-media-image-sizes) öppen i en annan flik.

## Därför misslyckas sträckning och beskärning

En design är en uppsättning samband: rubrik till marginal, rubrik till stödrad, ord till bakgrundens ljusaste del. Ändrar du formen brister de sambanden på förutsägbara sätt.

### Sträck eller beskär en bild

- Texten skalas med ytan, så den blir enorm på en story och pytteliten i en header
- Bakgrunden förvrängs eller förlorar sin bästa del i beskärningen
- Marginaler som var generösa blir trånga, eller tvärtom
- Viktiga ord hamnar under plattformens knappar och profilbilder

### Lägg upp varje form igen

- Texten anpassas efter hur formatet faktiskt ses
- Bakgrunden ritas för den nya formen
- Marginalerna sätts för just den formen
- Orden placeras inom varje formats säkra yta

## Hur varje form vill läggas upp

Det finns egentligen bara tre familjer av former, och var och en har en naturlig layout. När du ser dem blir storleksändring en rad små beslut i stället för en omdesign.

- Story 9:16: 1080 × 1920
- Stående inlägg 4:5: 1080 × 1350
- Kvadratiskt inlägg 1:1: 1080 × 1080
- X-inlägg 16:9: 1600 × 900
- X-header 3:1: 1500 × 500
- LinkedIn-banner: 1584 × 396

Stående, kvadratiskt och brett. Varje familj kräver ett eget upplägg av samma ord.

| Form | Naturlig layout | Se upp med |
| --- | --- | --- |
| Stående (Story, Reel, Pinterest-pin) | Stapla: rubriken högt, detaljen under, luft upptill och nedtill | Appens knappar och bildtexter vid över- och underkanten |
| Stående och kvadratiskt (flödesinlägg) | Centrera tyngden; en stark rubrik | Rutnätsbeskärning på profilsidor |
| Liggande (X-inlägg, YouTube-miniatyr, bildspel) | Låt det löpa tvärs över: orden på ena sidan, luft på den andra | Små förhandsvisningar; håll orden få och stora |
| Mycket bred (headers, banners) | En kort rad, generösa sidomarginaler | Profilbilder och knappar som täcker bilden |

Vad som ändras när en design flyttas mellan former. Orden är desamma; upplägget är det inte.

Därför är Gradiently-mallar funktioner av formen och inte fasta bilder. Ett tillkännagivande på en story staplas; i en header löper det tvärs över; på en kvadrat centrerar det sin tyngd. Designsystemet avgör upplägget så att du slipper bygga om det för varje plattform.

En stående story som tillkännager en öppning, med överrad, rubrik och detalj staplade nedför bilden

På en story staplas tillkännagivandet…

En bred header med samma tillkännagivande lagt horisontellt på samma levande gradient

…och i en header löper det tvärs över, med samma ord.

## Bakgrunden måste ändra storlek också

De flesta verktyg för storleksändring flyttar orden och lämnar bakgrunden som en bild, som sedan sträcks eller beskärs. En Mark är ingen bild. Den är ett recept som renderas för varje storlek, så materialet behåller sin karaktär i alla proportioner: en story får en komposition gjord för en stående bild, en banner får en gjord för en bred bild, och ingen av dem är en beskärning av den andra.

En bred X-header med orden Samma du, alla storlekar mot en levande gradient ritad för det breda formatet

En header är en egen layout: breda marginaler, mindre text, luft att andas i och en Mark ritad för tre till ett.

Detsamma gäller läsbarheten. Marken gör plats för orden var de än hamnar i varje format, och Auto-bläck väljer ljust eller mörkt per rad, så en rubrik som läses på kvadraten läses fortfarande när den flyttas till en annan del av storyn.

## Så kopierar du en design till andra storlekar i Gradiently

1. **Gör en design klar först** Få orden, rangordningen och Marken rätt i det format du bryr dig mest om. Allt annat följer av den.
2. **Öppna Ändra storlek** Den finns i Studions vänstra fält. Sök på plattform eller storlek, till exempel *Instagram story*, *A4* eller *1080 × 1920*, eller bläddra efter plattform. Stjärnmärk de storlekar du använder ofta så väntar de bland Favoriter.
3. **Välj flera storlekar** Markera så många du behöver. Var och en läggs upp igen för sin form och förhandsvisas innan något ändras.
4. **Välj Kopiera och ändra storlek** Då skapas en ny design för varje storlek, bredvid originalet på din arbetsyta. Originalet förblir precis som det var.
5. **Justera varje kopia vid behov** Varje kopia är en vanlig design. Korta en rad för headern, flytta loggan på storyn; ändringar i en påverkar inte de andra.

Ändra storlek kan också ske på plats: ändra den aktuella sidan, alla sidor eller hela designen utan att göra kopior. Egna storlekar kan skrivas i pixlar, eller i millimeter, centimeter eller tum för tryck, där de blir pixlar vid 300 dpi.

> **Be om hela uppsättningen** Designer kan göra det här utifrån en mening, till exempel *samma idé i alla storlekar* eller *sex inlägg för vår lanseringsvecka, ett system*. Uppsättningen skapas bredvid din design. Se [guiden till Designer](https://gradiently.design/sv/guide/designer-ai-guide).

## En checklista för varje uppsättning i ny storlek

- Rubriken går att läsa i den storlek som folk faktiskt ser den i, vilket för miniatyrer och headers är litet.
- Inget viktigt ligger under plattformens knappar, bildtexter eller profilbilder.
- Bakgrundens ljusaste eller lugnaste del ligger bakom orden i alla format.
- Loggor har samma relativa storlek i hela uppsättningen och skalas inte med varje yta.
- Uppsättningen ser ut som ett enda varumärke när du lägger den bredvid varandra. [Enhetligt varumärke](https://gradiently.design/sv/guide/brand-consistency) förklarar varför det betyder mer än något enskilt inlägg.

## FAQ

### Hur ändrar jag storlek på en design för sociala medier utan att den ser utsträckt ut?

Lägg upp den igen för varje form i stället för att sträcka en bild: stapla innehållet i stående format, centrera det på kvadrater och låt det löpa tvärs över i breda. Gradiently gör det automatiskt med Kopiera till storlekar.

### Ändrar Kopiera till storlekar min originaldesign?

Nej. Kopiera och ändra storlek skapar en ny design för varje storlek bredvid originalet, som förblir precis som det var.

### Kan jag redigera varje kopia för sig?

Ja. Varje kopia är en vanlig, redigerbar design, så du kan justera orden eller layouten för en plattform utan att påverka de andra.

### Kan jag ändra till en egen storlek?

Ja. Skriv en storlek i pixlar, eller i millimeter, centimeter eller tum för tryck, där den räknas om vid 300 dpi.