*OGImageTool*Darmowy generator obrazów OG
Twórz darmowe obrazy Open Graph i nagłówki Twitter/X dzięki gotowym szablonom, podglądowi na żywo, własnemu brandingowi i eksportowi jednym kliknięciem.
Galeria podglądów
Zobacz, co możesz stworzyć





Przesuwaj, aby przeglądać



Przesuwaj, aby przeglądać
Wypróbuj teraz
Dlaczego warto wybrać OGImageTool?
Wszystko, czego potrzebujesz, aby w kilka sekund tworzyć świetne grafiki do mediów społecznościowych
Za darmo i bez rejestracji
Zacznij tworzyć profesjonalne obrazy OG od razu, bez rejestracji i bez karty kredytowej. Wszystkie funkcje są dostępne całkowicie za darmo.
Wsparcie dla wielu platform
Generuj zoptymalizowane grafiki dla różnych platform we właściwych rozmiarach. Idealne dla Open Graph, nagłówków Twitter/X i nie tylko.
Profesjonalne szablony
Wybieraj spośród wielu profesjonalnie zaprojektowanych szablonów, takich jak Basic, Hero, Image Right, Notice i Logos.
Elastyczne opcje eksportu
Eksportuj projekty jako PNG, JPEG lub WebP, zachowując wysoką jakość i zoptymalizowany rozmiar pliku.
Zaawansowana personalizacja
Dostosuj każdy element dzięki własnym tłom, wzorom, gradientom i kolorom marki. Dodawaj logo oraz własne obrazy.
Nowoczesne funkcje projektowe
Twórz efektowne grafiki z dopracowaną typografią, nakładkami siatki i efektami wizualnymi.
Natychmiastowy podgląd
Zobacz zmiany w czasie rzeczywistym dzięki interfejsowi WYSIWYG. Od razu widzisz efekt swojej pracy.
Błyskawiczne działanie
Generuj profesjonalne grafiki do social mediów w kilka sekund dzięki intuicyjnemu i zoptymalizowanemu workflow.
How to Add Open Graph Image
Add social media preview images to your website in minutes. Choose your preferred method below (HTML or Next.js App Router).
1. Save the image
Save your generated OG image as og.png in your website's root directory.
2. Add to 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" />Make sure to replace yourdomain.com with your actual domain name.
Pro Tips
- Always provide fallback images in case the OG image fails to load
- Test your OG images using social media debugging tools
- Use descriptive alt text for better accessibility
- Consider using dynamic OG images for content that changes frequently