Common Image Sizes

If the system supports it, it's best to use the webp format for all images. If conditions permit, you can also upgrade to AVIF format.

All image file sizes should not be too large, try not to exceed 500KB per image. The total size of all images on a page should try not to exceed 5MB, otherwise the page will load very slowly when the client's network is poor.

Icon

Size: Square, at least 512 × 512 pixels.

Format: Best to use ico format, jpg, png, and svg formats are also acceptable

Logo

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

Format: Best to use transparent background webp format, followed by png format.

Product Images

Size: 1200 x 1200 pixels.

Format: Best to use webp format, jpg format is also acceptable.

OG Images

1200:630 pixel size, content should be centered as much as possible.

Mobile Version Top Banner

Width 960px, height 1280px

Desktop Version Top Banner (960px and above)

3840x1200 (4k)

1920x700, 1920x600 (these are commonly used, suitable for 1080P screens, which are currently the most common)

1920x600 is approximately 16:9 aspect ratio, if you think it's too low, you can use 1920 x 700

1920x1280: Suitable for 2k screens, 3:2 aspect ratio