Common Image Sizes

If the system supports it, it is best to use the webp format for all images. If conditions permit, it can also be upgraded to AVIF format.

The size of all image data should not be too large, and try not to exceed 500KB per image. All images on a page should not exceed 5MB of data, otherwise the relevant web pages will open very slowly when the customer's network is not good.

Icon

Size: square, at least 512 × 512 pixels.

Format: preferably ico format, other jpg png svg formats are also acceptable

Logo

Size: according to the design of the website header, as long as it looks good, such as 400 x 84 pixels, 400 x 100 pixels, 800 x 200 pixels (recommended, clearer on high-resolution screens).

Format: Webp format with transparent background is the best, followed by png format.

Product image

Size: 1200 x 1200 pixels.

Format: Webp format is the best, jpg format is also OK.

OG image

1200:630 pixels in size, try to display the content in the center.

Mobile version top banner

960px wide, 1280px high

960px or more (desktop version) top banner

3840x1200 (4k)

1920x700 1920x600 (this is more commonly used, suitable for 1080P screens, 1080P screens are currently the most common)

1920x600 is about 16:9 size, if you think it is too low, you can also use 1920 x 700

1920x1280: suitable for 2k screens, the ratio is 3:2