Are you regularly sharing visuals on your social media channels? Do you know the perfect image sizes for social media sharing? Images are the most popular form of content on social media. They usually perform better than text, video and other forms of updates in terms of engagement. On Tumblr, images are so popular that they make up Then there are popular networks like Pinterest and Instagram where you can only share images.
Instagram is the fastest growing social network right now and has over million followers. Pinterest has over All these statistics show us that sharing quality images should be important of your social media strategy.
You must learn as much as you can about creating quality images for your social media channels. So today I am going to share the perfect image sizes for social media sharing Facebook, Twitter, Google Plus and Pinterestas it is one of the basics to creating engaging images…. There are two types of images you can create for sharing on Facebook. They are the images that you directly share on Facebook and the images you use to optimize your blog posts and web pages.
I have discussed the perfect image sizes for both types of images below. The images you directly share on Facebook will appear with a maximum width of pixels as this is the maximum width an image can have in the Facebook feed.
If you upload a square image bigger than pixels, it will be scaled down and if you upload a smaller image it will be scaled up to and can look blurred. Therefore, if possible, always share square images that are at least pixels in size. Wide images also known as landscape images will be scaled to a width of pixels, and the height will be adjusted relative to the width. Tall portrait images will be resized to a height of pixels. The width will be adjusted according to the height.Decide which quality the resulting image should have.
The better the quality, the higher the file size. A lower quality will thus also reduce the file size. Afterward, choose the compression rate.
There are four compression rates you can choose from, depending how small you want your file to be in the end. The image compress feature of Img2Go is available for image files only.
This means that it should be used to reduce image size only. Compression does not touch the actual dimensions of the image. This is helpful when you plan to either upload your images online or send it via e-mail.
Even sending files via WhatsApp, there are file size restrictions that might prevent you from sending larger images. Any step of the way, Img2Go makes sure that your files are safe. This includes a secure server connection, encrypted data transfer, and more. Furthermore, no rights of your file are distributed to any third party or even our own team. The images and all converted files are not checked manually either.
This means you can use it not only from a desktop computer, but using your smartphone as well. Rate this tool 4.
Compress images online
You need to convert and download at least 1 file to provide feedback. This website uses own and third party cookies to develop statistical information, to personalize your experience and to show custom advertising through browsing analysis sharing it with our partners.
Log In Sign Up.Even if you pick a perfect image, you still need to get the sizing right. Any Facebook image you share will be resized not cropped to px square. Smaller pictures get blurred, larger ones lose detail, and any script in a bigger picture winds up unreadable.
Portrait vertical images are resized by height, to px high. Images attached to links show in preview at px News Feed width by px. Facebook uses the og:image tag to select which image to display from a linked piece of content.
Twitter header photos should be as high resolution as possible because of their large size. You can use. So a recognizable photo is important. Twitter used to crop tweeted images to px wide by px tall. Google Plus profile pictures cut a circular image out of a square one, so when you pick a photo, make sure it looks good round. Google Plus cover images are displayed at px by px.
You can use an image any size between px by px, and 2,px by 1,px. Shared images on Google Plus are displayed at a maximum width of pixels; the height scales to this. In the feed, Pinterest images show at px with the height scaled to fit. Pinterest recommends an aspect ratio of between and The thumbnail photos on your profile page are px square, and header images come in two sizes: px square, or a larger, featured image at px square.
Instagram lives on images. It used to allow only square, px images. Now you can upload a px by px vertical image or a px by px horizontal image. The px screen-filling width is the constant in Instagram images.
Youtube Channel Art images must be a minimum of px by px. The max file size is 4MB. Social media isn't just about brand awareness. When done right, it drives sales for your business. LnkedIn is amazing. When it comes to networking with professionals, there is simply no better place to hang out. Not Snapchat. Not Facebook. Not Ins. A bad image means crickets. Sharing a Link on Facebook Images attached to links show in preview at px News Feed width by px.
Twitter Twitter Photo Sizes Twitter Header size: px x px Twitter Profile size: px x px Tweeted Image size: x pixels Headers and Profile Images on Twitter Twitter header photos should be as high resolution as possible because of their large size.
Sharing an Image on Twitter Twitter used to crop tweeted images to px wide by px tall. Sharing an Image on Google Plus Shared images on Google Plus are displayed at a maximum width of pixels; the height scales to this. Pinterest Pinterest Photo Sizes Pinterest Profile Photo size: px x px circle Expanded Pin — Maximum pin width: px x unlimited Pinterest Board cover: px x pixels In the feed, Pinterest images show at px with the height scaled to fit.
Instagram Instagram Photo Sizes Instagram Profile Photo size: px x px minimum Instagram Photo size: Upload a photo with a width of at least pixels Profile Image on Instagram The thumbnail photos on your profile page are px square, and header images come in two sizes: px square, or a larger, featured image at px square.
The dark mode beta is finally here. Change your preferences any time. Stack Overflow for Teams is a private, secure spot for you and your coworkers to find and share information.
How can we include an image in our website to display in WhatsApp when we share a link like this?
It takes a few steps to get the perfect preview for WhatsApp, Twitter, Facebook and bookmark icons for pc's and mobile devices. If you like reading go to ogp. Please note: some apps or websites use cache or even store the website preview to their database. This means when you're testing your link in WhatsApp or Facebook for example, you'll most likely not see any difference right away. Using another link another page will do the trick.
But as soon as you use that link once, this "please note" section starts all over again. I did some tests: it does not work consistently every time on every device. I tested 2. I would recommend keeping the file size below 2MB, though.
And definitely throw your image through TinyPNG or any other image compression algorithm if you haven't already. If you completed the steps above, you can now see your preview in WhatsApp! However, be aware of the "please note" section above. In order for your object to be represented within the graph, you need to specify its type. You can also specify your own types.
The locale of the resource. You can also use og:locale:alternate if you have other language translations available. For the best Twitter support read this. For the best Facebook support read this. For the best favicon support for all browsers and devices read this. Facebook and twitter for example share videos very well. Read ogp. I had the same issue and the problem was the size of the picture.
Whatsapp doesn't support picture with a size greater than KB. If the problem persists, read also the answer for this similar question. I guess there is no white list in whatsapp, as I found a solution that worked for me. Do as follows. Your image must be in. In the above page, you have the required specifications, the character limit and sample tags. Do upvote once you find it satisfactory.
So try first to put them on top of everything else. I would have added this as a comment, but I'm not allowed to yet. Moderators feel free to move this if more appropriate. I've discovered that WhatsApp also does some kind of caching of the image and the url info, dont know for how long. More at Facebook developers webmasters site.Upload an image.
You may also like this site to compress images. Click and drag on the preview image to select your desired area, or fill in the text boxes to make a more precise selection. Press the "Crop" button to crop your image. Resize the image by percentage, or resize it to be exactly the size you specified, for example: x pixels. Fill in the background with a solid color if the proportion of image changed:.
Make background transparent optional [ Show Options ]. Best image quality Normal compression Progressive compression. Default compression Lossless compression Lossy compression. Default optimization Level 1 optimization Level 2 optimization Level 3 optimization.
Color Reduction: reduce to colors. Resize Image. Press the "Resize Image" button to crop, resize and optimize your image. We do NOT keep your images. The best free online image resizer and compressor on the Web, crop, resize and optimize your images was never easier. Crop and resize any image to the exact pixels or proportion you specified and reduce the file size significantly without losing quality for FREE, without Photoshop.Please note that this post is over a year old and may contain outdated information.
Facebook, Reddit, and other content sharing sites look for the og:image meta tag when deciding what thumbnail to use. Here's how you should use it effectively and also what size you should make it. The Meta Tag First, make sure the og:image meta tag is in place on your site. You can use any standard image format, such as jpg, png, or gif.
Ideal Pixel Dimensions In short, the best size to make your image is x or larger with a square aspect ratio. This is due to the different aspect ratios Facebook, Reddit, and other sharing sites use. View this infographic for a visual guide: More Details Here is more information on why you should use a x or larger square image. Facebook recommends x pixels for the og:image dimensions infowhich is an approximate aspect ratio of 1. This gives your shared post a full-size image above the post text.
According to Facebook, you can go as low as x and still receive a full-size image, but I found that you can go as low as around width. If you go too small about in width or lessyour post will only receive a small square thumbnail on the left side. Also, if your image has a tall aspect ratio, Facebook may display a tall aspect ratio thumbnail on the left side not square.
A note on cropping: If you have a large image that is not in the 1. If you have a small image that is not square, Facebook may crop it or shrink it to fit the small thumbnail size. Reddit uses a 70 x 70 square image for its thumbnail. Images of all sizes are resized down to this.
Images that are wider than square will be shrunk down further to fit the width, while images that are taller will be cropped. Having a wide image is not good as it reduces the overall size of the thumbnail space that your image utilizes. Due to this, going with the Facebook recommendation of x is bad for Reddit sharing. To work well on both Facebook and Reddit, be sure to make your og:image x or larger that looks good both square and cropped.
Facebook will crop the top and bottom, while Reddit will keep it square. This gives you the largest thumbnail image on both sharing platforms. One last thing: If you do want to have the smaller square image thumbnail on Facebook, just make sure your og:image is smaller than x and square in aspect ratio. Share This Post Twitter. Add a Comment. But can you explain more about Twitter and Pinterest?
Thanks in advance, brother!Sharing links with WhatsApp has become a great way to drive visitors into your sites. This data comes from scraping the link for Open Graph OG data. One of the tags allows you to put one or more images to be shown as the link image. When a link is shared, WhatsApp goes to these tags and look for an image to show, and then tries to fit it to the small window.
We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website.
These cookies do not store any personal information. Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies.
It is mandatory to procure user consent prior to running these cookies on your website. This tag is the og:image tag.
Leave a comment Cancel reply You must be logged in to post a comment.
Ideal Open Graph Image Meta Tag Size (og:image) For Facebook & Reddit Sharing