*OGImageTool*Gratis OG-bildgenerator
Skapa gratis Open Graph-bilder och Twitter/X-headers med färdiga mallar, liveförhandsvisning, anpassad branding och export med ett klick.
Förhandsvisningsgalleri
Se vad du kan skapa
Svep för att utforska
Svep för att utforska
Prova nu
Varför välja OGImageTool?
Allt du behöver för att skapa snygga bilder för sociala medier på några sekunder
Gratis och utan registrering
Börja skapa professionella OG-bilder direkt utan konto eller kreditkort. Alla funktioner är helt gratis.
Stöd för flera plattformar
Generera optimerade bilder för olika plattformar med rätt dimensioner. Perfekt för Open Graph, Twitter/X-headers och mer.
Professionella mallar
Välj bland flera professionellt designade mallar, inklusive Basic, Hero, Image Right, Notice och Logos.
Flexibla exportalternativ
Exportera dina designer som PNG, JPEG eller WebP med optimerad filstorlek och hög kvalitet.
Avancerad anpassning
Anpassa allt med egna bakgrunder, mönster, gradienter och varumärkesfärger. Ladda upp logotyper och bilder.
Moderna designfunktioner
Skapa starka visuella uttryck med premiumtypografi, rutnätsoverlägg och visuella effekter.
Omedelbar förhandsvisning
Se dina ändringar i realtid med vårt WYSIWYG-gränssnitt. Få visuell återkoppling medan du designar.
Blixtsnabbt
Skapa professionella bilder för sociala medier på några sekunder med ett intuitivt gränssnitt och ett effektivt arbetsflöde.
S氓 l盲gger du till en Open Graph-bild
L盲gg till f枚rhandsvisningsbilder f枚r sociala medier p氓 din webbplats p氓 n氓gra minuter. V盲lj den metod du f枚redrar nedan (HTML eller Next.js App Router).
1. Spara bilden
Spara din genererade OG-bild som og.png i rotkatalogen för din webbplats.
2. Lägg till i HTML-head
<!-- Basic OG Tags -->
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="Your page description" />
<meta property="og:image" content="https://yourdomain.com/og.png" />
<meta property="og:url" content="https://yourdomain.com" />
<!-- Twitter/X Card Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://yourdomain.com/og.png" />
<!-- Optional but recommended -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Your Site Name" />Se till att ersätta yourdomain.com med ditt faktiska domännamn.
Proffstips
- Ha alltid en reservbild redo om OG-bilden inte laddas
- Testa dina OG-bilder med fels枚kningsverktyg f枚r sociala medier
- Anv盲nd beskrivande alt-text f枚r b盲ttre tillg盲nglighet
- 脰verv盲g dynamiska OG-bilder f枚r inneh氓ll som uppdateras ofta