If you regularly post on a personal or company blog, or share posts to social platforms like Facebook, Reddit, or LinkedIn, you’re probably familiar with “OG Images,” or open graph image meta tags. OG Images are the visual assets that accompany your article or webpage wherever it is embedded online.
The pictures look like they fit an aspect ratio very close to 16:9, but their dimensions are actually about 1.91:1 – the recommended pixel dimensions are 1200:630. You can use this free online OG Image Maker to resize your image to those dimensions.
But how can you resize photos to fit this particular aspect ratio, or create higher-resolution pictures with the same dimensions? I’m going to show you how to create and format your OG images in under a minute, with exact pixel resizing.
Cropping a picture to the correct dimensions
This is the simplest and easiest way to adapt your pictures to use as OG Images. If you’re using a photo with an aspect ratio near 1.91:1 (such as 16:9), you can crop the sides to fit the required dimensions, and it will look just fine. For example, if your picture is 16:9, you’ll only have to crop a tiny bit of the top and bottom of your image to make it 1.91:1. And if it’s a 5:4 image, you might be able to get away with the top & bottom crops without interfering with the content of your picture.
To crop your photo using Kapwing, you need to upload it to the Studio. You can use any file you have saved on your device, or upload a picture you have stored online. Once your picture is fully uploaded, click “Custom Size” and choose “OG Image.” This will crop your image to 1200x630, your safest bet for OG Images. If you’d like a higher-resolution version of the same image, click “Lock Ratio” and increase the value of either dimension and your photo will be resized with the same aspect ratio.
Adding padding to achieve the right aspect ratio
If you don’t want to lose any part of your image, it’s easy to add padding to the sides or top & bottom in order to fit the 1.91:1 aspect ratio of OG Images. All you need to do is follow the same steps you would use to crop the image to the correct dimensions, then select the picture and choose “Lock Ratio” from the right side of the screen. Then, drag the corners of the picture to fit it to the edges of the canvas and center it in the background.
Adding your OG image to a blog post or social share
This is the most important part: actually adding your OG Image so viewers can see it. The actual process differs, based on what website builder or CMS platform you’re using for your blog, but the basic principles are the same. For more ready-made website hosts like Wix or Squarespace, it’s pretty straightforward to add your OG Image: all you have to do is find your “Social Sharing” settings for a page and upload an image to the appropriate location. Here are some tutorials for Wix and Squarespace, if you’re having trouble finding the settings location.
If you’re using a slightly more bare-bones website hosting platform (like WordPress, for example) or you’re building your site in HTML, adding your OG Image involves a bit of HTML text. You can read this helpful tutorial on adding your OG metadata, including your OG image, or go straight to the Open Graph Protocol site for the most helpful and succinct information on how to add Open Graph markdown for social sharing.