The Best Image Size For Websites 2022

Apply The Best Image Size For Websites 2022

What is the best image size to display on the websites? What golden numbers do you need to pay attention to when designing images for your websites? In this article, I will reveal the standard image size on the website for beginners.

The Website or the Facebook fan page is the “separation” of businesses when conducting a digital marketing campaign. Everyone wants to build a website to become professional and attractive.

What is the “golden” image size that you need to pay attention to when designing websites? In this article, I will reveal the standard image size on the website for beginners.

The Standard Image Size That Marketers Must Remember

A professional and precise website is the goal of every web designer. To achieve that, the site must fully meet the criteria set by Google to best optimize its website. One of Google’s requirements is image size.

Accordingly, before posting images on the website we must ensure that the web images must be qualified. Not to mention whether the image is appropriate or not, ugly or beautiful, smudged or sharp, the image size must be exactly the first factor.

Because Google can not read the image, only read the size, alt image; also the good-quality image is to increase the user experience.

If you have changed the size parameters in the system configuration, before posting the image, please adjust the image size to the correct size. If you have not changed, here are the parameters of the standard image sizes on the website:

The Standard Sizes

• Slider image size on homepage: Website slider size: 1360 x 540 pixels
• Image dimensions in article: Artwork size: 300 x 188 pixels
• Detailed image size: 800 x 500 pixels
• Image dimensions inside the product: for illustrations are 300 x 400 pixels, the detailed image is twice as large as 600 x 800 pixels

In general, you can change the standard image sizes on the website above. But you should not change too much compared to the original specifications. Because it will be a standard deviation, the image will not conform to Google’s standards.

When embarking on website design, you absolutely must pay attention to these gold standards. Because this will help Google appreciate your website, thereby bringing SEO effectiveness. Whether the user experience on the web is good or not depends in part on this image size.

Is The image Size On Facebook The Same As That On The Website?

Like standard image sizes on websites, Facebook is also important. Even more important because they directly affect the effectiveness of advertising campaigns.

Like website design, standard beautiful images help post on the fan page of businesses more beautiful, attractive, and have more interactions.

Here are the size guidelines for posting photos of Facebook that you need to know:

Image size according to website link on Facebook

When you share your website link on Facebook, there will be images attached to the link, called a thumbnail image. The image will now display fully and nicely when your website thumbnail image is scaled to 1200 x 630 pixels. It is suggested that the minimum image size you need to design is 600 x 315 pixels and the maximum capacity is 8 MB.

For images that come with regular posts, the size should be scaled to 1200 x 630 and the recommended minimum size is 600 x 315 pixels. I usually choose to post a Facebook post in the form of a skyscraper, or a square to fit more mobile devices.

Size of avatar image on Facebook

For an avatar image, you only need to make 1 image of any size, as long as it is square. Recommended size: 300 x 300 pixels and the size for best images: 2048 x 2048 pixels.

Cover photo size on the Facebook Profile page

On a computer, the cover image size should be 851 x 315 pixels, on smartphones is 640 x 360 pixels.

Standard cover image size on the Fanpage

On a computer the cover image size should be 820 x 312 pixels, on smartphones is 820 x 462 pixels. Because we can’t post multiple separate cover images for each device of different sizes. So the designer noted the temple design the appropriate gaps so that in any device, the image will not be cut off.

‍Tools To Adjust The Image Size

You do not know how to reduce or correct the parameters of standard image sizes on the website. Here are the suggestions for you:

• Adobe Photoshop: market-leading software for bitmap photo editing and is considered the industry standard for photo editing.
• Pixlr: a cloud-based image toolkit and utilities, including several photo editors, screen recording browser extensions, and photo sharing services.
• Fotor: This tool is completely free, supporting brightness adjustment, contrast, white balance and color saturation of the image. At the same time, it allows highlighting or blurring photos, adding details to photos, cutting, dragging and rotating photos.
• Canva: multi-language, drag, and drop format, and provides access to over one million photos, graphics and fonts.

Reveal the standard image size adjustment on the website with Paint in windows. In Windows, Paint is available as an easy-to-use tool for resizing images on websites.

Use Paint To Resize

• You open the image up with Paint
• Select Resize
• Paint will give you two options to adjust the size, in percent and in pixels. Normally, we will select pixels to easily edit the details of the numbers.

Note: Remember to click on the Maintain aspect ratio box when adjusting horizontally. The image length will adjust accordingly, without distorting the image.

• Enter specific size parameters.
• Click Ok, then Save. After resizing, the image of the image will be reduced.

Edit The Image Size On The WordPress

For websites using the WordPress platform, it’s easy for you to edit images to standard image sizes on your website. The correct size helps the site optimize, but the sufficient size also helps the web load lighter and faster.

Step 1: You upload the image to the website and select Add Media

Step 2: Upload the file

Step 3: Before inserting images into your posts, select them:

• Link to: multimedia file
• Size: medium

Step 4: Click “Insert into the article”

Hopefully, the information I provide above will be helpful for your web design as well as your Facebook banner design strategy. If you are still wondering about many other factors in the website, or a social media strategy suitable for your business, do not hesitate to contact us.

If you have any questions, feel free to leave a comment below!