IMG.DIY / Ekstra / Sosiale forsidebilder

Sosiale forsidebilder

Skriv en overskrift, velg en gradient, last ned et pikselperfekt forsidebilde — ingen designapp nødvendig.

Sosiale forsidebilder visual example
Personvern først: ingenting lastes opp.

From input to result

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

Sosiale forsidebilder: 1 · Choose input
1 · Choose input
Sosiale forsidebilder: 2 · Adjust and process
2 · Adjust and process
Sosiale forsidebilder: 3 · Download result
3 · Download result

Lenker uten et Open Graph-bilde blir hoppet over i feeden. Denne generatoren gir deg et rent, typografisk forsidebilde i nøyaktig den størrelsen hver plattform vil ha — OG 1200×630, Twitter/X, YouTube-miniatyrbilde, kvadratisk innlegg eller vertikal story — med automatisk tekstbryting som håndterer både engelsk og CJK-tekst.

Velg en av åtte gradientbakgrunner, angi tittel, undertittel og domenet ditt, og last ned PNG-en. Den direkte forhåndsvisningen er selve lerretet som eksporteres, så det du ser er nøyaktig det du leverer.

Slik bruker du verktøyet

  1. Velg en størrelseOG, Twitter, YouTube, kvadrat eller story.
  2. Skriv tekstenTittel, valgfri undertittel, og merkevaren eller domenet ditt i hjørnet.
  3. Last ned PNG-enForhåndsvisningen er filen — nøyaktige piksler, klar til opplasting.

Design sosiale forsidebilder i nettleseren

Denne generatoren lager forsidebildene som vises når en lenke deles — Open Graph-kortet på Facebook og LinkedIn, sammendragskortet på Twitter/X, og miniatyrbilder andre steder. Velg et forhåndsvalg, så setter det den eksakte pikselstørrelsen hver plattform vil ha: OG på 1200x630, Twitter/X på 1200x675, YouTube på 1280x720, et 1080x1080-kvadrat eller en 1080x1920-story. Ingen gjetting på dimensjoner.

Du legger til en tittel, undertittel og merkevaretekst over en av åtte gradientbakgrunner. Teksten brytes automatisk og håndterer både engelsk og CJK, så lange overskrifter og kinesiske titler holder seg begge innenfor rammen. Live-forhåndsvisningen er nøyaktig det lerretet som eksporteres, så det du ser er det som lastes ned.

Send PNG-en rett til meta-taggene dine

Når forsiden ser riktig ut, last den ned som PNG og pek og:image- og twitter:image-taggene dine mot den. Et skikkelig delingsbilde er det som gjør en naken lenke om til et kort med et ekte bilde, og det trekker langt flere klikk i feeder og chatter enn en ren URL.

Alt gjengis på enheten din, så du kan lage et lenkeforhåndsvisningsbilde for et blogginnlegg, en lansering eller en video uten designprogramvare eller konto.

Hva folk bruker det til

Delingskort for blogginnlegg — Lag et 1200x630 OG-bilde med innleggets tittel så lenken viser et ekte kort på sosiale medier.

Twitter/X-kort — Eksporter et 1200x675-bilde tilpasset X-sammendragskortet i stedet for å få en klønete beskjæring.

YouTube-miniatyrbilde — Bygg et 1280x720-forsidebilde med en fet tittel til et videominiatyrbilde.

Produkt- eller funksjonslansering — Lag et merkevaretilpasset 1200x630-forsidebilde så lanseringslenker ser gjennomtenkte ut når de deles.

Kvadratisk Instagram-innlegg — Generer et 1080x1080-kvadrat med en overskrift og et merkevaremerke for et feed-innlegg.

Story- eller reel-forside — Design en vertikal 1080x1920-forside for en story eller kortvideo.

Konsistente merkevareforsider — Gjenbruk en gradient og merkevaretekst på tvers av innlegg så delte lenker holder seg visuelt på merkevaren.

Tospråklige titler — Sett en engelsk eller kinesisk overskrift og la den automatiske tekstbrytingen holde den innenfor rammen.

Hvorfor IMG.DIY

5 plattformstørrelser

Fra OG 1200×630 til story 1080×1920.

8 gradienter

Rene bakgrunner som ikke kjemper mot teksten.

Smart bryting

Håndterer lange titler og CJK-tekst korrekt.

Umiddelbart

Ingen tegneapp, ikke noe malnettsted, ingen innlogging.

Ofte stilte spørsmål

Hvor stort bør et OG-bilde være?
1200×630 er standarden som Facebook, LinkedIn, Slack og de fleste plattformer gjengir best.
Kan jeg bruke mitt eget bakgrunnsbilde?
Denne versjonen er typografisk (gradientbakgrunner). For fotobaserte forsidebilder kan du komponere i Collage-verktøyet først og legge til tekst her — eller si fra, det står på planen.
Støtter det kinesiske titler?
Ja — tekstbrytingen er tegnbevisst for CJK, så lange kinesiske titler brytes korrekt.
Hvor legger jeg OG-bildet?
Last det opp et offentlig sted og referer til det i <meta property="og:image" content="…"> på siden din.
Hvilken størrelse bør et OG-bilde ha?
Standard Open Graph-størrelse er 1200x630, som er standard-forhåndsvalget her. Twitter/X-sammendragskort bruker 1200x675, YouTube-miniatyrbilder 1280x720, og det finnes også forhåndsvalg for kvadrat 1080x1080 og story 1080x1920, så du matcher hver plattform nøyaktig.
Blir den kinesiske eller lange tittelen min kuttet?
Nei. Tekstbrytingen håndterer både engelsk og CJK og flyter tittelen over flere linjer for å holde den innenfor rammen, så kinesiske titler og lange engelske overskrifter passer begge.
Hvilket format eksporterer det?
Det laster ned en PNG, som er det trygge, bredt støttede formatet for og:image- og twitter:image-tagger. Forhåndsvisningen du ser er nøyaktig det lerretet som eksporteres.
Hvordan får jeg bildet til å faktisk vises når jeg deler en lenke?
Legg den eksporterte PNG-en på nett og referer til den i sidens og:image- og twitter:image-meta-tagger. Etter det plukker plattformene den opp, men noen bufrer aggressivt, så bruk deres debugger for å oppdatere forhåndsvisningen ved behov.
Kan jeg endre bakgrunnen?
Det finnes åtte gradient-forhåndsvalg å velge mellom, pluss tittelen, undertittelen og merkevareteksten din på toppen. Det er bygget for raske, rene forsider snarere enn fri layout, så du får et godt resultat uten fikling.
Hvorfor viser kortet mitt fortsatt det gamle bildet etter at jeg oppdaterte det?
Facebook, LinkedIn og X bufrer OG-bilder, så en gammel forside kan henge igjen. Kjør lenken gjennom plattformens delingsdebugger for å tvinge en ny skanning og hente det nye bildet ditt.

Relaterte verktøy

Guider og tips