![]() Meme Generator - Make a Meme Online - Kapwing We also repeat the og:image source in og:image:url and twitter:image to ensure that our OG Image also shows up on Twitter. ![]() Notice that we have og:url, og:title, and og:description in addition to the og:image property in our HTML page metatags. ![]() 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 adding meta-tags to the Helmet of your webpage.īelow is the Helmet block for our Meme Generator, for example. Places like Squarespace make it simple to add social sharing meta tags in your site's design settings Here are some tutorials for Wix and Squarespace, if you’re having trouble finding the settings location. The process depends on what website builder or CMS platform you’re using for your blog, but the basic principles are the same.įor more ready-made website builders like Wix or Squarespace, find your “ Social Sharing” settings for a page and upload an image to the appropriate location. This is the most important part: actually adding your OG Image so viewers can see it. This makes creating a new OG Image faster because we can reuse existing designs and gives our blog more visual polish since the cover articles look similar to each other.Īdding your OG image to a blog post or social share Here at Kapwing, we use a custom design pattern (colors, fonts, icons, visual motifs, and layouts) for most of our Resources Articles. You can change the color of the background to black or any hex code that matches the image you uploaded. To make sure you fit the entire photo in your frame, add padding to the edges of your OG Image Then, drag the corners of the picture to fit it to the edges of the canvas and center it in the background. When your image has been uploaded to the Studio, select the picture and choose “ Lock Ratio” from the right side of the screen. 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. Adding padding to achieve the right aspect ratio 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. Underneath, there will be the " Custom Size" button.Ĭhoosing the " OG Image" present option will crop your image to 1200圆30, your safest bet for OG Images. This should make the top of the right sidebar say " Canvas". If you don't see this option, click anywhere in the grey area around your image. Once your picture is fully uploaded, click “ Custom Size” and choose the “ OG Image" preset option. Get stared by uploading the image to Kapwing's Studio. For a quick fix, just crop your photo to "OG Image" dimensions 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. This is the simplest and easiest way to adapt your pictures to use as OG Images. Cropping a picture to the correct dimensions The OG Image should give people on social media a preview of what thy will see if they click the link. If you have a photo on hand, use Kapwing's free OG Image Maker to resize your image to fit the OG Image area.Ī good OG image is relevant to the page content, " click-worthy" to catch people's eyes in a social media feed, and branded to match the webpage's brand, business, or persona. The recommended pixel dimensions of 1200:630 px (aspect ratio of 1.91:1). OG Image Size: The recommended size for an OG Image is 1.91:1. OG Images are the first thing viewers will see when your webpage is shared on social media. 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, which accompany your article or webpage wherever it is embedded online. This article will show you a few ways to format your OG images in under a minute. ![]() OG Images look like they fit an aspect ratio very close to 16:9, but their dimensions are actually about 1.91:1 – 1200:630 is recommended.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |