Last updated on November 19th, 2021.
Up-to-Date Guide to Social Media Image Size
Social media has become an absolute madness. It doesn’t matter if you are a designer who creates visuals for a client or the brand owner. Standingout from the mass is crucial. It’s hard to cut and paste a photo and reuse it across all of your social networks. If you don’t cut the picture meaningfully, it will automatically be cut into unwanted parts, thus destroying its meaning. That is why the image size of every visual on social media is important.
To bring your images to the next level, choosing the correct dimensions of the image, resolution, and colour system is necessary. In addition, socialmedia platforms areoften updated, which means they’re frequently changing their profile and cover photo dimensions, layouts, and requirements for uploaded images, so to keep you updated, we bring you tips on how to create high-quality social media images in 2022 for Facebook and Instagram.
Facebook post image size
Let’s start with the world’s largest social network – Facebook. Have you ever found yourself in a situation where your image is grainy and lost its quality after uploading? The reason for this is compression. You can find lots of information about the dimensions, image resolutions, and basic settings at various sites. Still, hardly any will answer your question about why your image has lost quality. Even though you have correctly set up all settings. The following text will explain how to adjust the Facebook post size settings in Photoshop properly. Even if you’re using another program, the settings are basically the same.
Therefore, as an example, we will take a Facebook post.Open a new document in Photoshop and adjust the dimensions to1200 x630 pixels.Make sure your resolution is set to 72 pixels perinchand image mode set to 8 bits/channel.To avoid discolouration in your image, make sure you have selected an RGB colour profile. To make sure that you have set the preset details correctly, see the screenshot below.
Photoshop preset details for Facebook post
How to properly adjust the image size?
All social media platforms use the RGB colour system. So, everything you can see on your monitor screen is based on the RGB colour system. However, if you choose another colour system, for example, CMYK (which is used in the production and printing materials), the colours in your image will be displayed differently.
Now we come to the main question – why does Facebook make image compression, and how to avoid it? To avoid compression when you upload your image, make sure the file size is less than 100 KB. To better understand, let’s take, for example, that you want to upload a high-quality jpg image. If your image size is not smaller than 100KB, Facebook will make image size compression to 100KB. As a result, your image will become grainy, and you will lose some details, and all your effort to create a high-quality image is wasted. To reduce the document size to 100KB when saving your image, go to file – save as and choose JPEG format.
You’ll see a new screen where you will have the ability to adjust the file size. So, when you move the arrow sideways (shown below), you can see how the size of the file decreases or increases. Next, move the arrow to the left to make the image size smaller than 100KB and click save.
Photoshop save as screen.
And what about the image size of a logo?
If you want to upload an image with a text or logo, make sure you choose the proper format. When saving your image, go to file – save as and select PNG format.
PNG format supports images with a palette defined with 24-bit RGB colours, greyscale images (grayscale) and RGB images. PNGfiles are commonlyused to store web image graphics because they contain a map of indexed colours and less compression. So the text and logo on it will not become grainy. As a result, you will have a high-quality image and, therefore, a more professional and convincing approach to your audience. Below is an example of the quality of the image with the logo, exported in jpg and png format.
An example of what happens to a logo saved in .jpg and png format
Facebook image size for every Facebook format
In summary, set your image to the correct dimensions, check the resolution and image mode, be sure that you choose the RGB profile colour and keep an eye on the file size. For example, in the image below, you can find all image size for Facebook.
Facebook dimensions guide
But what about HD videos? If you post an HD video on Facebook from a computer, it will automatically upload in HD. Facebook recommends using the MP4 or MOV format. But, there’s a complete list of the video formats that can be uploaded to Facebook. You can check it here.
To post a video in HD, click create a post at the top of the news feed or timeline. Then click photo/video and select the HD video you’d like to share. The final step is to choose your audience and click post. You can follow our step by step guide down below.
Facebook step by step HD video post
Instagram image sizes
For 500 million daily users to be satisfied, the people behind Instagram regularly change the algorithm and rules of our favourite social media platform. For a year, Instagram could upload only standard square images but now gives users the ability to share many formats and mediums with their audiences. However, the correct dimension for some people is not the only problem for a particular type of content. For example, most photographers spend hours and hours editing their images in Photoshop or Lightroom. So, the colours on their photos are perfectly prominent, face the problem after uploading their pictures – the colours have disappeared or have changed. So, why is this happening and how to solve this problem?
To solve that problem, we must understand what causes an issue. For that, we need to understand the concept called colour space. A colour space, also called colour profile, is a defined range of colours that include sRGB, AdobeRGB, ProPhoto RGB and CMYK.However, what makes them so important?
sRGB is the smallest colour space, with a range only covering a small portion of what our own eyes can see. The Adobe RGB range is larger. Particularly in the green and cyan colours. This is because it allows for more saturation (“chroma”) in those areas. ProPhoto RGB is the largest of the three – and possibly the most interesting since it includes “colours” outside of what we can see. ProPhoto RGB only consists of those values because it allows the range of authentic colours to be larger than other colour spaces, including sRGB and Adobe RGB. If you thought: “Ok, then I will use the ProPhoto RGB colour profile for all of my images,” then you just made a mistake.
How do you mean, a mistake?
ProPhoto RGB requires expensive equipment, and most of us use monitors that support only sRGB or, less often, Adobe RGB. So, we need to save the image in a colour space supported by the place wherever we want to upload our image. For example, if we edit and export our image in ProPhoto RGB or Adobe RGB colour profile and then upload it on Instagram, the images’ colours will disappear or be replaced. This happens because Instagram will automatically convert the colour profile to sRGB. So, for now, the only sRGB is important to usbecause it’s supported by our phones, Instagram, Facebook, websites and anything for the screen.
Let’s repeat that through an example
Let’s make an Instagram post as an example to see just how important settings are and how to arrange them. First, we will create a vertical post in dimensions 1080 x 1350 px (4:5). When we were making a Facebook post, we opened a new document. Now, we will show you how to put the existing image in the right dimensions and set it with the sRGB colour profile.
Let’s start with the first step by opening your image in Photoshop. What your image currently uses as the colour profile is in the lower-left corner. If not shown, click the arrow on the right (shown in the image below) and select –document profile.
Colour profile in Photoshop
If you have a photograph in RAW format, your colour profile will be ProPhoto RGB, as in our example. To change the current colour profile to sRGB open edit and choose convert to profile. You will then get a popup window where you will click the arrow on the right in the destination space and select – sRGB profile. Also, don’t forget to check if your image is in 8 bit/channel mode by opening the section image – mode.
Converting the current colour profile into an sRGB colour profile
When your image is in the colour profile that Instagram supports, your colours will remain unchanged after uploading them. The only thing left is to set the proper dimensions and export our image. To do that, first, we need to crop the existing image in ratio 4:5. You can use the crop tool or go to image-crop and ensure that the ratio is set on 4:5 and press crop.
Cropping image in ratio 4:5 in Photoshop
Bear with us…
Then, we need to resize the image by selecting the image – image size.In the popup window that appears, set the dimensions to 1080 x 1350 px and choose Bicubic Sharper (reduction) in Resample field.
Photoshop image size popup screen
The last step is to export. To do that, go to file – export as. In the right corner, choose jpg format and set quality to 73%. Zoom in the image and look if everything is fine; if the image loses quality and doesn’t look good, increase the quality value. Check dimensions one more time and the colour space, and then press export all, and you’re done.
Exporting images for Instagram in Photoshop
Below you can find all image size for Instagram.
#3 Youtube sizes
Thanks to the digital world we live in, creating Youtube videos has never been easier. We all have heard of the term YouTubers. One of the features that have gained popularity and have so many followers on their channels is just the correct dimensions and quality resolution.
Aside from the fact that people are tired of watching videos that are not in the correct dimensions, there is another essential point why you should set the right dimensions. It is search optimization. By having the proper YouTube video resolution, you’ll maximize the opportunities for getting more views (search optimization) when you decide to make a YouTube channel.
We will talk about this topic in one of our upcoming blog posts.