Bildstorlekar för sociala medier som stämmer

Tre bildförhållanden täcker nästan alla placeringar i sociala medier: 1:1 för flödesinlägg, 9:16 för händelser och reels, och 1.91:1 för länkförhandsvisningar. Genom att skapa dessa 3 från ett original blir du kompatibel med nästan allt utan att behöva hålla reda på ett kalkylark med undantag.

De flesta guider för bildstorlekar i sociala medier återanvänds från äldre guider och anger mått som ändrades för flera år sedan. Det säkraste tillvägagångssättet är att designa i den största storlek som varje nätverk accepterar och låta nätverket skala ner bilden, i stället för att ladda upp något som det måste förstora. Att förstora är den enda åtgärd som alltid ser sämre ut.

De 3 bildförhållandena som täcker allt

Designa i 1080 gånger 1080, 1080 gånger 1920 och 1200 gånger 630 pixlar, så fungerar dessa 3 filer för alla större nätverk. Det exakta pixelantalet spelar mindre roll än att få formen rätt, eftersom nätverken ändrar storlek men aldrig ändrar form utan att beskära.

Det stående 4:5-formatet är värt att känna till eftersom det tar upp mer vertikalt utrymme i ett rullande flöde än en kvadrat, vilket är anledningen till att många sociala medier-team använder det som standard för organiska inlägg.

Varför guider blir inaktuella så snabbt

Nätverken ändrar layouter kontinuerligt och tillkännager sällan ändringar av bildmått. En guide som skrevs för 3 år sedan kan fortfarande rankas högt i sökningar trots att den anger storlekar som inte längre finns.

Att designa efter ett bildförhållande i stället för ett exakt pixelantal skyddar dig mot de flesta av dessa ändringar. En kvadratisk bild förblir kvadratisk när ett nätverk justerar bredden på sitt flöde, medan en design som är byggd för en specifik pixelstorlek kan sluta med att beskäras eller få utfyllnad. Kontrollera nätverkens hjälpsidor före en viktig kampanj, och behandla alla guider, inklusive denna, som en utgångspunkt snarare än en specifikation.

Bilder för länkförhandsvisning förtjänar mest uppmärksamhet

Förhandsvisningskortet på 1200 gånger 630 pixlar är den bild som flest ser, eftersom den visas varje gång någon delar en sida från din webbplats. Den bilden definieras en gång i din webbplatskod och återanvänds sedan i det oändliga.

Ställ in den via Open Graph-metataggar i sidans huvud. Håll viktig text inom det centrala området, eftersom nätverken beskär kortet på olika sätt och kanterna är opålitliga. Testa resultatet med varje nätverks felsökningsverktyg för förhandsvisning innan du litar på det, eftersom ett kort som har cachelagrats felaktigt kan ligga kvar i flera dagar.

Profil- och omslagsbilder

Ladda upp profilbilder i 400 gånger 400 pixlar eller större och designa dem så att de fungerar med en cirkulär beskärning. De flesta nätverk visar profilbilder som cirklar, vilket tar bort hörnen på en kvadratisk design.

• Profilbild: minst 400 x 400, med motivet centrerat och fritt från hörnen.
• Omslag eller banner: runt 1500 x 500, med viktigt innehåll i den mellersta tredjedelen.
• Grupp- eller sidhuvud: runt 1640 x 856, beskärs kraftigt på mobilen.
• Banner för videokanal: runt 2560 x 1440, med ett säkert område nära 1546 x 423 som visas på alla enheter.
• Allt ovanstående: håll texten stor, eftersom dessa bilder ofta visas i storlekar under 100 pixlars bredd.

Nätverken komprimerar om allt du laddar upp

Varje större nätverk kodar om uppladdade bilder till sitt eget format och sin egen kvalitet, så dina komprimeringsval påverkar indatan snarare än utdatan. Att ladda upp en fil på 5 MB ger inte ett bättre resultat än att ladda upp en väl förberedd fil på 300 KB.

Den praktiska konsekvensen är att tunga uppladdningar slösar bort din tid och din datamängd utan att förbättra något som en följare ser. Det som faktiskt förbättrar resultatet är korrekta mått och ett rent original, eftersom ett nätverk som komprimerar en redan korrekt fil skadar den mindre än ett nätverk som ändrar storlek på en för stor bild.

Så förbereder du en bilduppsättning för en kampanj

Följ dessa 6 steg för att skapa alla placeringar från en enda design.

1. Designa originalet i den största storlek du behöver, vanligtvis 1080 gånger 1920 för en vertikal kampanj.
2. Håll all text och logotyper inom ett centralt säkert område, borta från de yttersta 15 procenten på varje kant.
3. Exportera de 3 kärnförhållandena: kvadratisk, vertikal och bred.
4. Ändra storlek på varje export till de rekommenderade pixelmåtten i stället för att ladda upp originalet i full storlek.
5. Komprimera varje fil till dess målstorlek, eftersom mindre filer laddas upp snabbare och klarar nätverkens omkomprimering bättre.
6. Förhandsgranska varje bild på en telefon innan du schemalägger, eftersom de flesta tittare aldrig kommer att se den på en dator.

Text på bilder och var den beskärs

Håll texten inom de centrala 70 procenten av ramen, eftersom alla nätverk beskär på olika sätt och kanter försvinner utan förvarning. En rubrik som ligger nära toppen av en händelseram döljs ofta bakom gränssnittet.

Händelser och reels är de värsta fallen, eftersom toppen och botten av en vertikal ram innehåller profildetaljer, bildtexter och kontroller. Genom att lämna cirka 250 pixlar fria i toppen och 300 i botten på en 1920 pixlar hög design hålls budskapet synligt på alla enheter. Testa på en riktig telefon i stället för i en designförhandsvisning.

Vilket format du ska ladda upp

Ladda upp JPG för fotografier och PNG för grafik med platta färger och skarp text. Nätverken accepterar båda överallt, och valet påverkar hur väl designen överlever nätverkets omkomprimering.

PNG är det bättre valet för grafik som innehåller text, en logotyp eller platta färgblock, eftersom JPEG-komprimering skapar svaga glorior runt skarpa kanter som blir mer synliga när nätverket komprimerar filen igen. För fotografier är det tvärtom, där JPEG hanterar detaljerna effektivt och PNG skapar en onödigt tung fil.

Animerade bilder och korta videor

Ladda upp en kort video i stället för en animerad GIF, eftersom de flesta nätverk ändå konverterar GIF-filer till video och den konverteringen blir sämre än en ordentlig export. En 3 sekunder lång GIF kan väga mer än en hel sida med fotografier.

Där en GIF verkligen krävs bör du hålla den under 3 sekunder, sänka bildhastigheten till 12 eller 15 bilder per sekund och begränsa måtten till vad som faktiskt kommer att visas. Dessa 3 ändringar minskar vanligtvis filen med 80 procent, vilket spelar roll eftersom animerade filer är det tyngsta som de flesta sociala konton publicerar.

Kontrollera en design innan du schemalägger den

• Visa bilden i telefonstorlek, inte i helskärm på en datorskärm.
• Bekräfta att ingen text är avskuren vid någon kant eller dold av gränssnittselement.
• Kontrollera profilbildens beskärning som en cirkel i stället för en kvadrat.
• Bekräfta att länkförhandsvisningskortet visas korrekt i ett verktyg för förhandsvisning.
• Titta på filstorleken, eftersom allt över 1 MB laddas upp långsamt och inte ger några fördelar.
• Kontrollera kontrasten i både ljust och mörkt läge, vilket flera appar nu tillämpar på bakgrunder.

Skapa en månads inlägg i en enda omgång

Ändra storlek och komprimera en hel innehållskalender i ett enda svep i stället för att exportera bilder en och en. Sociala medier-team förbereder vanligtvis 20 till 60 bilder per månad för flera olika placeringar.

Släpp in upp till 500 filer samtidigt, ställ in mått och målstorlek en gång, så kommer varje bild tillbaka anpassad till samma specifikation. Allt körs i din webbläsare på din egen processor, vilket är viktigt för kampanjmaterial under embargo. Opublicerade produktbilder, lanseringsmaterial och kundarbeten stannar på din maskin, och ingen uppladdningsförfrågan görs vid något tillfälle.

Spara originalen i en daterad mapp tillsammans med exporterna. Nätverk ändrar sina layouter, kampanjer upprepas, och en design som måste återskapas från en komprimerad export ser alltid sämre ut än en som exporteras om från originalet. Att lagra original kostar några megabyte och sparar en eftermiddag nästa gång en storlek ändras.