# Bildstorlek på Tumblr: 1280×1920 som fyller dashboarden

[Canonical HTML page](https://gradiently.design/sv/guide/tumblr-post-size)

Tumblr är fortfarande en plats där bilder reblogas i åratal. Ett inlägg i rätt storlek, med ord som går att läsa i mobilen, fortsätter att resa långt efter att du glömt bort det.

## The short version

- En bra bildstorlek på Tumblr för ett enskilt fotoinlägg är 1280×1920 pixlar, en stående 2:3-ram.
- Höga bilder tar mer plats i dashboarden än kvadratiska eller liggande, vilket ger ett inlägg längre tid på skärmen när folk scrollar.
- I ett fotoset visas bilder på samma rad i samma höjd, så matchande proportioner håller ett set prydligt.
- Tumblr låter dig lägga till bildbeskrivningar på foton, och när du skriver dem blir inläggen användbara för dem som använder skärmläsare.
- PNG passar grafik med text och släta färgytor på Tumblr, JPG passar fotografier, och GIF:ar bör vara korta och små nog att laddas snabbt.

Den bästa **bildstorleken på Tumblr** för ett enskilt fotoinlägg är 1280×1920 pixlar, en hög 2:3-ram. Tumblr skalar bilder till dashboardens kolumnbredd och visar dem i regel i full höjd, så en stående bild tar mer plats när folk scrollar och syns längre. Kvadratiska 1080×1080 och breda 1600×900 fungerar också; de tar bara mindre plats i dashen. Gör orden tillräckligt stora för att läsas i mobilen, för det är där de flesta reblogs sker.

## Bildstorlekar på Tumblr för varje sorts inlägg

| Inlägg | Storlek att designa i | Proportion | Anmärkningar |
| --- | --- | --- | --- |
| Enskilt foto, högt | 1280×1920 px | 2:3 | Fyller mest plats i dashboarden |
| Enskilt foto, kvadratiskt | 1080×1080 px | 1:1 | Återanvänder en kvadrat från Instagram som den är |
| Enskilt foto, brett | 1600×900 px | 16:9 | Litet i mobilen, bäst för fotografi |
| Rad i fotoset | Samma proportion hela raden | Valfri | Tumblr matchar höjden inom en rad |
| GIF | Håll den måttlig | Valfri | Korta loopar laddas snabbare och reblogas bättre |

Bredden 1280 pixlar ger Tumblr nog med detaljer för skarpa skärmar utan att göra filerna tunga. Din bloggs avatar och header har egna former i bloggens inställningar.

- Tumblr-inlägg 1280×1920: 1280 × 1920
- Kvadrat 1080×1080: 1080 × 1080
- Bred 1600×900: 1600 × 900
- Pinterest-pin 1000×1500: 1000 × 1500

De tre vanliga inläggsformerna i skala, med en Pinterest-pin som jämförelse. Den breda ramen är densamma som ett inlägg på X. Tumblr och Pinterest delar 2:3-formen, så en hög design passar båda.

## Därför fungerar höga inlägg på Tumblr

Dashboarden är en enda kolumn. Alla inlägg har samma bredd, så det enda sättet för ett inlägg att ta mer plats är höjden. En 2:3-bild fyller det mesta av en mobilskärm själv, vilket gör att läsaren stannar upp en stund i stället för att svepa förbi en smal remsa. Det är också därför samma bild går bra på Pinterest, där [standardstorleken för pins](https://gradiently.design/sv/guide/pinterest-pin-size) har samma form.

Mycket höga bilder, som långa serier eller infografik, går bra på Tumblr, men dela upp allt som är högre än ungefär två skärmar i ett fotoset eller en serie. Läsare som reblogar mitten av en lång remsa missar början.

## Gör bilder som folk reblogar

Tumblr belönar bilder som bär sin betydelse utan bildtext, eftersom reblogs reser längre än texten du skrev till dem. Ett citat, ett receptkort, en liten guide eller en slående bakgrund med tre ord på klarar sig alla när de skickas vidare.

Ett högt citatinlägg för Tumblr med texten Vila är en del av arbetet på en mjuk gradientsbakgrund

Ett citatinlägg i 1280×1920: en rad, stor, centrerad på en lugn bakgrund.

Ett högt listinlägg för Tumblr med rubriken Fem filmer för en regnig söndag på samma gradientsbakgrund

Ett listinlägg i samma look. Listor sprids bra eftersom folk reblogar dem för att spara till senare.

- Lägg ditt användarnamn litet i ett nedre hörn så att källan överlever repostningar, men inte så stort att det tar över.
- Sätt rubriktexten minst 80 pixlar hög i en design som är 1280 pixlar bred; den krymper till ungefär en tredjedel i mobilen.
- Behåll en och samma look i dina inlägg. Följare känner igen en blogg på dess färger långt innan de läser namnet.
- Skriv bildbeskrivningen. Tumblr har ett fält för den på varje foto, och det är så användare av skärmläsare läser ditt inlägg.

## Bakgrunder som passar Tumblr

Tumblr har alltid älskat en stämning: mjuka pasteller, urtvättade filmfärger, djupa nattoner, lite korn. En bakgrund med en tydlig känsla gör mer för ett textinlägg än vilket typsnitt som helst. Dessa fyra är utgångspunkter du kan kopiera; lägg på ett lager korn så känns de mindre digitala, som [kornig gradient](https://gradiently.design/sv/guide/grainy-gradients) förklarar.

- Pastelldis: `linear-gradient(180deg, #fbcfe8 0%, #e9d5ff 50%, #c7d2fe 100%)`
- Film från sensommaren: `linear-gradient(170deg, #fde68a 0%, #fdba74 45%, #f9a8d4 100%)`
- Nattfönster: `radial-gradient(circle at 70% 25%, #4338ca 0%, #1e1b4b 45%, #0b0a1a 85%)`
- Urblekt kopia: `linear-gradient(160deg, #d6d3d1 0%, #a8a29e 50%, #57534e 100%)`

Fyra Tumblr-stämningar som CSS-gradienter. Använd mörk text på de två första och ljus text på de två sista.

Fler utgångspunkter hittar du i [estetiska bakgrunder](https://gradiently.design/sv/guide/aesthetic-backgrounds) och [Y2K-estetiken](https://gradiently.design/sv/guide/y2k-aesthetic). Haken med varje populär blandning är att bloggen bredvid din kanske använder den också. En Mark från Gradiently ger dig, när du har säkrat den, en bakgrund som ingen annan kan exportera, och den håller dina ord läsbara genom att flytta sin lugnaste yta bakom dem.

## Fotoset, GIF:ar och filtyper

### Undvik

- En kvadratisk, en liggande och en hög bild på samma rad
- Långa GIF:ar som tar en stund att starta
- JPG för grafik med fin text
- Text ända ut i kanterna
- Ingen bildbeskrivning

### Gör

- Matchande proportioner på varje rad i ett fotoset
- Korta GIF-loopar på några sekunder
- PNG för text och släta färgytor
- En tydlig marginal på alla sidor
- En kort beskrivning av vad bilden visar

I ett fotoset lägger Tumblr bilderna i rader och skalar varje rad till en och samma höjd. Blandade proportioner på samma rad gör att vissa bilder blir pyttesmå, så gruppera höga med höga och breda med breda. För rörliga inlägg känns en kort loop som går ihop rent som genomtänkt; [animerade inlägg](https://gradiently.design/sv/guide/animated-social-posts) visar hur du håller rörelsen lugn under stillastående ord.

1. **Designa i 1280×1920** Håll en marginal på ungefär 80 pixlar och lägg orden i de mittersta två tredjedelarna.
2. **Exportera rätt fil** PNG för text och släta färgytor, JPG för fotografier, GIF för kort rörelse.
3. **Ladda upp och beskriv** Lägg till bilden i ett inlägg och fyll i beskrivningen innan du publicerar.
4. **Tagga enkelt** Använd orden som folk faktiskt söker på, som filmen, fandomen eller stämningen. Taggar är hur inlägg hittas utanför dina följare.

## FAQ

### Vilken är den bästa bildstorleken för Tumblr?

1280×1920 pixlar för en hög enskild bild. Den fyller dashboardens kolumn och delar sin 2:3-form med pins på Pinterest.

### Beskär Tumblr bilder?

Enskilda foton visas i regel i full höjd, skalade till kolumnens bredd. I fotoset skalas bilderna på en rad till samma höjd, så proportioner som inte matchar kan bli mycket små.

### Kan jag lägga upp kvadratiska bilder på Tumblr?

Ja. En kvadrat på 1080×1080 fungerar bra och låter dig återanvända ett Instagram-inlägg, även om den tar mindre plats i dashboarden än en hög bild.

### Ska jag använda PNG eller JPG på Tumblr?

PNG för grafik med text, släta färgytor eller gradienter; JPG för fotografier.

### Hur lägger jag till alt-text på Tumblr?

Varje foto i ett inlägg har ett fält för bildbeskrivning. Skriv en mening som beskriver vad bilden visar innan du publicerar.