*OGImageTool*Ücretsiz OG görsel oluşturucu
Hazır şablonlar, canlı önizleme, özel marka öğeleri ve tek tıkla dışa aktarma ile ücretsiz Open Graph görselleri ve Twitter/X başlık görselleri oluşturun.
Önizleme galerisi
Neler oluşturabileceğinizi görün





Göz atmak için kaydırın



Göz atmak için kaydırın
Hemen deneyin
Neden OGImageTool kullanmalısınız?
Saniyeler içinde etkileyici sosyal medya görselleri hazırlamak için ihtiyacınız olan her şey
Ücretsiz ve kayıt gerektirmez
Kayıt olmadan ve kredi kartı gerekmeden profesyonel OG görselleri oluşturmaya hemen başlayın. Tüm özellikler tamamen ücretsizdir.
Çoklu platform desteği
Farklı platformlar için doğru boyutlarda optimize edilmiş görseller oluşturun. Open Graph, Twitter/X başlık görselleri ve daha fazlası için idealdir.
Profesyonel şablonlar
Basic, Hero, Image Right, Notice ve Logos gibi profesyonelce tasarlanmış çeşitli şablonlar arasından seçim yapın.
Esnek dışa aktarma seçenekleri
Tasarımlarınızı yüksek kalite ve optimize dosya boyutuyla PNG, JPEG veya WebP olarak dışa aktarın.
Gelişmiş özelleştirme
Özel arka planlar, desenler, geçişler ve marka renkleriyle her öğeyi özelleştirin. Logo ve özel görseller ekleyin.
Modern tasarım özellikleri
Güçlü tipografi, ızgara katmanları ve görsel efektlerle dikkat çeken görseller üretin.
Anında önizleme
WYSIWYG arayüz sayesinde değişiklikleri gerçek zamanlı görün. Sonucu anında takip edin.
Çok hızlı iş akışı
Sezgisel ve optimize edilmiş iş akışı sayesinde saniyeler içinde profesyonel sosyal medya görselleri oluşturun.
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