IMG.DIY / Extraverktyg / Generator för sociala omslag

Generator för sociala omslag

Skriv en rubrik, välj en gradient, ladda ner ett pixelperfekt socialt omslag — ingen designapp behövs.

Generator för sociala omslag visual example
Integritet först: inget laddas upp.

From input to result

Choose a file, make the change, and download the result. Processing stays in your browser.

Generator för sociala omslag: 1 · Choose input
1 · Choose input
Generator för sociala omslag: 2 · Adjust and process
2 · Adjust and process
Generator för sociala omslag: 3 · Download result
3 · Download result

Länkar utan Open Graph-bild hoppas över i flöden. Den här generatorn ger dig ett rent, typografiskt omslag i exakt den storlek varje plattform vill ha — OG 1200×630, Twitter/X, YouTube-miniatyr, kvadratiskt inlägg eller vertikal story — med automatisk radbrytning som hanterar både engelsk och CJK-text.

Välj en av åtta gradientbakgrunder, ange titel, underrubrik och din domän, och ladda ner PNG-filen. Live-förhandsvisningen är själva ytan som exporteras, så det du ser är exakt det du levererar.

Så här gör du

  1. Välj en storlekOG, Twitter, YouTube, kvadrat eller story.
  2. Skriv textenTitel, valfri underrubrik och ditt varumärke eller din domän i hörnet.
  3. Ladda ner PNG-filenFörhandsvisningen är filen — exakta pixlar, redo att laddas upp.

Designa sociala omslag i webbläsaren

Den här generatorn gör omslagsbilderna som dyker upp när en länk delas — Open Graph-kortet på Facebook och LinkedIn, summary-kortet på Twitter/X och miniatyrer på andra ställen. Välj ett förval så sätts exakt den pixelstorlek varje plattform vill ha: OG i 1200x630, Twitter/X i 1200x675, YouTube i 1280x720, en kvadrat på 1080x1080, eller en story på 1080x1920. Inget gissande om dimensioner.

Du lägger en titel, undertitel och varumärkestext över en av åtta gradientbakgrunder. Texten radbryts automatiskt och hanterar både engelska och CJK, så långa rubriker och kinesiska titlar håller sig båda inom ramen. Live-förhandsvisningen är exakt samma canvas som exporteras, så det du ser är vad som laddas ner.

Leverera PNG:en rakt in i dina meta-taggar

När omslaget ser rätt ut laddar du ner det som PNG och pekar dina og:image- och twitter:image-taggar mot det. En riktig social delningsbild är det som gör en naken länk till ett kort med en riktig bild, och det drar in betydligt fler klick i flöden och chattar än en ren URL.

Allt renderas på din enhet, så du kan göra en länkförhandsbild för ett blogginlägg, en lansering eller en video utan designprogram eller konto.

Vad folk använder det till

Delningskort för blogginlägg — Gör en 1200x630 OG-bild med inläggets titel så att länken visar ett riktigt kort på sociala medier.

Twitter/X-kort — Exportera en bild i 1200x675 anpassad för X:s summary-kort i stället för en tafatt beskärning.

YouTube-miniatyr — Bygg ett 1280x720-omslag med en kraftig titel som videominiatyr.

Produkt- eller funktionslansering — Skapa ett varumärkt 1200x630-omslag så att lanseringslänkar ser genomtänkta ut när de delas.

Kvadratiskt Instagram-inlägg — Generera en 1080x1080-kvadrat med rubrik och varumärkesmärke för ett flödesinlägg.

Story- eller reel-omslag — Designa ett vertikalt 1080x1920-omslag för en story eller kortvideo.

Enhetliga varumärkesomslag — Återanvänd en gradient och varumärkestext över inläggen så att delade länkar håller sig visuellt on-brand.

Tvåspråkiga titlar — Sätt en engelsk eller kinesisk rubrik och låt den automatiska radbrytningen hålla den inom ramen.

Varför IMG.DIY

5 plattformsstorlekar

Från OG 1200×630 till 1080×1920 story.

8 gradienter

Rena bakgrunder som inte konkurrerar med texten.

Smart radbrytning

Hanterar långa titlar och CJK-text korrekt.

Direkt

Ingen canvas-app, ingen mallsajt, ingen inloggning.

Vanliga frågor

Hur stor bör en OG-bild vara?
1200×630 är standarden som Facebook, LinkedIn, Slack och de flesta plattformar renderar bäst.
Kan jag använda min egen bakgrundsbild?
Den här versionen är typografisk (gradientbakgrunder). För fotobaserade omslag: komponera först i Collage-verktyget och lägg till text här — eller säg till, det finns på planen.
Stöder den kinesiska titlar?
Ja — radbrytningen är teckenmedveten för CJK, så långa kinesiska titlar bryts korrekt.
Var lägger jag OG-bilden?
Ladda upp den var som helst offentligt och referera till den i <meta property="og:image" content="…"> på din sida.
Vilken storlek ska en OG-bild ha?
Standardstorleken för Open Graph är 1200x630, vilket är standardförvalet här. Twitter/X summary-kort använder 1200x675, YouTube-miniatyrer 1280x720, och det finns även förval för kvadrat 1080x1080 och story 1080x1920, så du matchar varje plattform exakt.
Klipps min kinesiska eller långa titel av?
Nej. Radbrytningen hanterar både engelska och CJK och flödar titeln över flera rader för att hålla den inom ramen, så både kinesiska titlar och långa engelska rubriker får plats.
Vilket format exporterar den?
Den laddar ner en PNG, vilket är det säkra, brett stödda formatet för og:image- och twitter:image-taggar. Förhandsvisningen du ser är exakt den canvas som exporteras.
Hur får jag bilden att faktiskt visas när jag delar en länk?
Lägg upp den exporterade PNG:en och referera till den i sidans og:image- och twitter:image-metataggar. Därefter plockar plattformarna upp den, men vissa cachar aggressivt, så använd deras debugger för att uppdatera förhandsvisningen vid behov.
Kan jag byta bakgrund?
Det finns åtta gradientförval att välja mellan, plus din titel, undertitel och varumärkestext ovanpå. Det är byggt för snabba, rena omslag snarare än fri layout, så du får ett bra resultat utan pillande.
Varför visar mitt kort fortfarande den gamla bilden efter att jag uppdaterat den?
Facebook, LinkedIn och X cachar OG-bilder, så ett gammalt omslag kan hänga kvar. Kör länken genom plattformens delnings-debugger för att tvinga en ny inläsning och hämta din nya bild.

Relaterade verktyg

Guider & tips