Free Social Media Image Generator
Generate perfectly sized OG images, Twitter cards, LinkedIn images, and more for your website and content. Make your shared links stand out with professional social media preview images.
Upload Your Image
Drag & drop your image here
or click to browse
Max file size: 10MB | Recommended: 1024x1024px or larger
For best results with social images, use a high-resolution source image (at least 1500x1500 pixels). The image will be cropped and scaled to fit each social platform's requirements.
Platform Selected: Social Media
Social Media Images
OG images, Twitter cards, LinkedIn, Facebook covers, YouTube thumbnails
Need app icons instead? Use our full icon generator for iOS, Android, and more.
Generate & Download
Upload an image to get started
Social Media Image Sizes Included
Our generator creates optimized images for all major social platforms. Here's what you'll get:
OG Image (Facebook, LinkedIn)
1200 x 630 pxFacebook, LinkedIn, Discord, Slack
The standard Open Graph image used by most social platforms. This is the most important social image to have.
Twitter Card (Large)
1200 x 600 pxTwitter/X
Used for the summary_large_image Twitter card type. Provides a large, attention-grabbing preview.
LinkedIn Share
1200 x 627 pxOptimized for LinkedIn's feed display. Similar to OG but with slightly different aspect ratio.
Facebook Cover
820 x 312 pxCover photo for Facebook pages and profiles. Displays differently on desktop vs mobile.
Twitter Header
1500 x 500 pxTwitter/X
Profile header image for Twitter. A wider format that appears behind your profile picture.
YouTube Thumbnail
1280 x 720 pxYouTube
Custom thumbnail for YouTube videos. Should be eye-catching with minimal text.
How to Implement Social Images
After generating your social images, add the appropriate meta tags to your website's HTML head section. Here are examples for different scenarios:
Open Graph Tags
Add these to your HTML head for Facebook, LinkedIn, and other OG-compatible platforms:
<meta property="og:image" content="https://yoursite.com/og-image.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Description of your image">Twitter Card Tags
Add these for Twitter/X card previews:
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://yoursite.com/twitter-card.jpg">
<meta name="twitter:image:alt" content="Description of your image">Next.js Metadata
For Next.js apps, use the metadata export:
export const metadata = {
openGraph: {
images: [{
url: 'https://yoursite.com/og-image.jpg',
width: 1200,
height: 630,
}],
},
twitter: {
card: 'summary_large_image',
images: ['https://yoursite.com/twitter-card.jpg'],
},
};Social Image Best Practices
Use High Contrast
Social feeds are crowded. Use bold colors and high contrast to make your images stand out. Avoid light gray text on white backgrounds or other low-contrast combinations.
Keep Text Minimal
Include only essential text. Large, readable headlines work better than detailed descriptions. Facebook may reduce reach for images with too much text (over 20%).
Consider Cropping
Different platforms crop images differently. Keep important content centered and away from edges. Test on multiple platforms before finalizing.
Include Branding
Add your logo or brand colors consistently across all social images. This builds recognition and trust as people see your content shared.
Frequently Asked Questions
Need App Icons Too?
Generate icons for iOS, Android, macOS, Windows, PWA, and browser extensions with our full icon generator.
Organize your content ideas with ThoughtMap - visual thinking powered by AI.