Open Graph Image and Meta Tags Generator
Paste a URL to preview and design its social share image, then copy the meta tags.
Or
Native-Like Animations for Page Transitions on the Web
Upgrade to Pro to remove this watermark
Created usingpika.style
<!-- Primary Tags -->
<title></title>
<meta name="title" content="">
<meta name="description" content="">
<!-- Twitter -->
<meta property="twitter:title" content="">
<meta property="twitter:description" content="">
<meta property="twitter:image" content="yourwebsite.com/LINK_TO_EXPORTED_IMAGE.png">
<meta property="twitter:url" content="yourwebsite.com">
<meta property="twitter:card" content="summary_large_image">
<!-- Facebook -->
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:url" content="yourwebsite.com">
<meta property="og:image" content="yourwebsite.com/LINK_TO_EXPORTED_IMAGE.png">
<meta property="og:type" content="website">Reset
Cmd/Ctrl + S: Save output image
Cmd/Ctrl + C: Copy output to clipboard
FAQ
Frequently asked questions
What is an Open Graph image?
It's the image shown when someone shares your link on X, LinkedIn, Facebook, Slack and other apps. It's set with the og:image meta tag.
How do I make one?
Fill in the title, excerpt, author and date, add a feature image and author photo, and pick one of 5 designs. Save the image, then copy the meta tags into your page.
What size is the image?
It's in the 1.91:1 ratio that social apps use for link previews, and saves at 1600×840 pixels, or 3200×1680 with Pro's 2x export.
Does it give me the meta tags too?
Yes. Copy meta tags gives you the title, description, og: and twitter: tags, ready to paste into your page's head.
Is it free?
Yes. Free images carry a small "Created using pika.style" badge. Pro removes it and lets you fill in the fields from a URL.
How do I check my link preview?
Paste your URL into the Open Graph preview tool to see how it looks on X, LinkedIn, Facebook, Google and Slack.
Mockup Templates
No need to spend hours in Figma or Photoshop.
Pika gives you tools to design great mockups and screenshots easily
MacBook Mockup
Present your desktop screenshots in MacBook Pro frame
App Presentation
Create classic presentation image from mobile app screens
Testimonial Template
Create stunning testimonial images
Icon Image Maker
Create stunning icon images
iPad Mini Mockup
Create iPad Mini designs
Code Screenshot
Turn code snippet into beautiful, shareable image
App Store Screenshot
Turn mobile screenshot into AppStore image in no time
Tweets to Image
Convert your tweets into customizable image
Screenshot Editor
Convert your tweets into customizable image
