Kortversionen
- 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.
På den här sidan
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
Storlek att designa i
Proportion
Anmärkningar
Storlek att designa i
Proportion
Anmärkningar
Storlek att designa i
Proportion
Anmärkningar
Storlek att designa i
Proportion
Anmärkningar
Proportion
Anmärkningar
Tumblr-inlägg 1280×1920
1280 × 1920
Kvadrat 1080×1080
1080 × 1080
Bred 1600×900
1600 × 900
Pinterest-pin 1000×1500
1000 × 1500
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 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 citatinlägg i 1280×1920: en rad, stor, centrerad på en lugn bakgrund.
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 förklarar.
Fler utgångspunkter hittar du i estetiska bakgrunder och Y2K-estetiken. 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 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.
Vanliga frågor
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.
Skriven av Gradiently
Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.
Se vår profil