The Ultimate Guide to WeChat Official Account Images: Dimensions, Formats, and Compression - OKTool

In the highly competitive landscape of WeChat Official Accounts, the decision to click on an article is often made in a fraction of a second. If a viral title is the hook that catches the eye, then an accurately sized, high-definition, and well-composed cover image is the ultimate catalyst for a click. Furthermore, comfortably formatted in-article images are key to retaining readers' patience and reducing reading fatigue.

However, many novice operators often encounter these frustrating situations when formatting: carefully designed cover images have core text cropped out by WeChat; high-definition images become blurred and pixelated after uploading; attempts to insert a high-definition GIF are met with a "file size limit exceeded" prompt. To completely resolve these formatting pain points, this article provides the most comprehensive and practical ultimate guide to WeChat Official Account images.

1. The Core Battlefield: Best Dimensions and Ratios for WeChat Cover Images

WeChat cover images are divided into two types: the large hero image displayed by "starred" accounts (i.e., headline cover), and the small square image displayed by unstarred accounts or secondary articles. Following the correct size specifications is the first step to preventing images from being uncontrollably cropped.

1. Large Headline Cover (Hero Image for Starred Accounts)

Since the revamp of the WeChat Official Accounts Platform, the display mechanism for hero cover images has become more complex.

Optimal Upload Size: The officially recommended ratio is 2.35:1, and the recommended size is 900 pixels (width) × 383 pixels (height).
Core Trap-Avoidance Zone: This is where problems occur most frequently. When your article is seen by unstarred users in their message list or forwarded to WeChat Moments, the system will automatically crop a square area right from the center of this large rectangular image (the ratio becomes 1:1). Therefore, when designing large headline images, you must absolutely avoid placing title text or key figures on the left or right edges of the image. You must ensure that all the most important information is concentrated within an invisible square frame right in the center of the picture (approximately 383px × 383px). This way, no matter how WeChat crops it, key information will not be cut off.

2. Secondary Covers and Thumbnails (Small Images)

Optimal Upload Size: A perfect square with a 1:1 ratio. The recommended size is 500 pixels × 500 pixels or 400 pixels × 400 pixels.
Design Suggestions: Because the display area of small images on mobile phone screens is very limited, you should follow the principle of "simplicity" when designing. Use eye-catching large fonts or high-contrast icons as the main subject, and avoid using images containing a lot of tiny text and complex elements.

If the original source material you have does not match the above requirements, please do not use the simple cropping tool in the WeChat backend to forcefully crop it. Before uploading, we recommend using a professional online image resizer to precisely enter 900x383 or 500x500, and export it only after previewing to confirm that core elements will not be cropped.

2. In-Depth Advancement: Formatting Secrets for In-Article Images

The cover image determines the click-through rate, while in-article images determine the read-completion rate. In-article images do not have strict ratio limits like covers, but to maintain the comfort and premium feel of the overall layout, you need to follow these unwritten rules.

1. Uniform Width: Say Goodbye to Unevenness

The optimal reading width for WeChat articles is usually between 600px and 800px. If the inserted images vary in size, it will severely disrupt reading immersion. We recommend using formatting tools or an image resizer to set a uniform width of 640px or 1080px for all horizontal in-article images. The system will automatically adapt to the screen width, thereby ensuring a smooth visual experience while scrolling.

2. Extreme Slicing of Long Images

Sometimes you need to insert a long infographic or an event poster. Never stuff a long image of twenty to thirty thousand pixels directly into the editor! This will not only cause extremely slow loading on mobile phones (readers will see a white screen with a loading circle for a long time) but also easily trigger WeChat's "image compression blur" mechanism. The correct approach is: use an external long image slicing function to cut the ultra-long image into several shorter images not exceeding 1500 pixels in height, and then insert them seamlessly into the WeChat backend in order. This guarantees high-definition, pixel-free quality while achieving split-second loading.

3. Break Rectangular Boundaries with Image Cutouts

An entire article filled with square and rectangular images can feel dull. You can try inserting irregularly shaped images with transparent backgrounds (PNG format) in key paragraphs. You can use an efficient AI background removal tool to extract the core subject of a product and remove messy backgrounds. Combined with colored background shading in the WeChat article, these transparent-background irregular images can create a "breakthrough" feel in layout design, instantly elevating the professional tone of the article.

3. Breaking Limits: The Balancing Act Between Format Requirements and Extreme Compression

Now that we understand dimensions, let's look at how to deal with the headache-inducing size limits of the WeChat backend. Currently, the WeChat backend mainly has the following requirements for image formats and sizes:

Supported image formats: bmp, png, jpeg, jpg, gif.
Image size limits: No more than 10MB per single image (some early backend versions even limit GIFs to under 5MB).

How to Combat WeChat's "Upload Blur"? (Core Secret)

Many operators find that a high-definition JPG that looks very clear on the computer becomes blurred and pixelated at the edges when previewed after uploading to the WeChat Official Account. This is because the original image size is too large! When the image size exceeds a certain threshold (usually considered to be over 2MB), WeChat will forcefully trigger its extremely aggressive backend compression algorithm to reduce storage pressure on its servers. The Solution: Strike First and Actively Slim Down. Rather than leaving your fate to WeChat's aggressive algorithms, it's better to actively compress images before uploading. After exporting the final images, drag and drop them directly into a professional lossless image compression tool. These compression tools, designed specifically for web optimization, can extreme-compress tens of megabytes of high-definition images down to a few hundred KBs with virtually no detail loss visible to the naked eye. Because you actively compress the image into a "safe size", the system will judge it as a small-size safe file upon uploading to the WeChat backend, thereby completely bypassing the secondary aggressive compression mechanism, and ultimately presenting stunning original sharpness and native-quality texture on the reader's phone.

4. Conclusion

Mastering WeChat Official Account images is by no means as simple as finding pictures and copy-pasting them. It is a comprehensive art involving composition psychology, typographic aesthetics, and a battle of wits against platform mechanisms. From strictly controlling the 2.35:1 ratio and the golden center area of the cover, to uniform widths for in-article images, to using AI background removal to elevate layout style, and finally relying on extreme lossless compression to guard high-definition image quality. As long as you integrate this standard process into your daily editing work, even novice operators without professional art training can create viral WeChat posts with a major-tech-company level of premium feel.