When merchants prepare to upload product photos, store environment images, service cases, or work images, they need to check image clarity, size and aspect ratio, file format, and file size, in addition to whether the photos look good.

If an image is too small, it may become blurry when enlarged; if the aspect ratio is wrong, important content may be cropped; and if the file is too large, it may affect uploading and loading.

🖼️ When preparing images for the WeiCity merchant Gallery, you can check original image quality, pixel dimensions, display ratio, compression method, and mobile preview, so customers can see products and services more clearly.

Before uploading an image, we recommend checking the clarity of the original photo first.

You can zoom in on the photo to check product edges, material textures, and important details.

Key items to check:

✅ Is the subject clear: Can the product, person, or service result be easily identified?

✅ Is it out of focus: Is there any obvious blur in important areas?

✅ Is it blurred from camera shake: Are there any motion trails along the edges of the image?

✅ Are the details complete: Are materials, text, and structure clearly visible?

✅ Are the colors natural: Does the image have any obvious color cast?

For example:

👜 Product photos: Check zippers, stitching, and material textures.

🏪 Storefront photos: Check the signboard, entrance, and main spaces.

🛠️ Repair cases: Check the parts to be shown and the area where the work was done.

🎨 Design works: Check text, lines, and graphic details.

If the original image is already out of focus, shaky, or obviously blurry, simply increasing the pixel dimensions usually cannot restore real detail.

We recommend using the following first:

📷 Original photos taken with a phone or camera.

📁 Saved high-resolution original files.

🖼️ Images that have not been compressed multiple times.

Try to avoid repeatedly saving images from chat records, web screenshots, or social media platforms.

If you can only use existing photos, first judge whether they are sufficient to show the key points.

📌 When important content is unclear, retaking the photo is usually more suitable than forcing an enlargement.

When preparing to upload images, you will often see information about pixels, ratios, KB, and MB.

These concepts are related but represent different things.

Refers to the width and height of an image.

For example:

📐 1600 × 1200 pixels.

📐 1500 × 500 pixels.

📐 1200 × 1200 pixels.

Pixel dimensions affect the detail an image can display, but larger pixel dimensions do not necessarily mean a clearer photo.

Refers to the relationship between the width and height of an image.

For example:

🖼️ 4:3: A common landscape photo ratio.

⬜ 1:1: Square ratio.

📏 3:1: A wide banner ratio.

The aspect ratio determines the shape of the image and does not directly indicate clarity.

Refers to the storage space occupied by an image.

Common units include:

📁 KB(Kilobyte).

📁 MB(Megabyte).

Two images with the same pixel dimensions may have different file sizes due to differences in content, format, and compression level.

📌 When checking an image, consider whether the picture is clear, whether the ratio is suitable, and whether the file meets the upload requirements.

Gallery photos, article covers, and section banners may use different display ratios.

Before preparing images, confirm where they will be published and the editor's requirements for ratio, dimensions, and format.

📐 4:3 landscape image

For example: 1600 × 1200 pixels.

Suitable for showing a relatively complete landscape view, such as products, store environments, and service cases.

⬜ 1:1 square image

For example: 1200 × 1200 pixels.

Suitable for products or displays that need a square composition.

📏 3:1 wide image

For example: 1500 × 500 pixels.

Suitable for section banners or horizontal banner designs that need a wider view.

Different publishing locations may have different requirements.

For example:

🏪 Merchant Gallery photos.

📝 Article cover images.

🖼️ Section banners.

📱 Page thumbnails.

These locations may display images differently, so we do not recommend applying the same image to every location directly.

The above sizes are only examples of common ratios, and are not a unified upload specification confirmed by WeiCity.

The actual requirements should be based on the current editor's upload requirements and the page display effect.

📌 First confirm where the image will be placed, then decide which ratio to use.

When adjusting the image ratio, first confirm where the focus of the photo is.

Different images need to keep different content.

The complete product appearance should be kept.

For example:

👜 The handle and body of a handbag.

👟 The complete outline of shoes.

☕ The rim, handle, and base of a cup.

Avoid cropping out parts that customers need to examine.

Keep content that helps identify the location.

For example:

📍 The store signboard.

🚪 The main entrance.

🏬 The building exterior.

🪑 The main business space.

Keep the areas that help people understand the service content.

For example:

🔧 The repair location.

🧹 The cleaning area.

🏠 The completed renovation area.

✨ Important work details.

If cropping would remove important information, you can choose another photo, adjust the composition, or use a full-display method if the platform supports it.

📌 Do not crop out content that customers really need to see just to fit a ratio.

Images may be cropped differently in list thumbnails and detail pages.

Therefore, when shooting or designing, keep important subjects at an appropriate distance from the image edges.

For example:

👜 Product photos: Do not let handles or product edges sit tight against the edges of the frame.

🏪 Storefront photos: Do not place signboard text close to the edges of the image.

📏 Size diagrams: Leave enough margin around size numbers and units.

🎨 Work images: Do not place important design elements right at the crop area.

If the image includes titles, product names, or size labels, check the following:

✅ Whether the text is complete.

✅ Whether the font is easy to read.

✅ Whether the text is kept at a distance from the edges.

✅ Whether the thumbnail crops out important text.

✅ Whether the text remains clear on a mobile screen.

After finishing, we recommend checking the thumbnail and the full image when opened separately.

📌 Keeping important content at an appropriate margin can reduce the risk of cropping caused by different display ratios.

A very small image may show jagged edges, blurriness, or unnatural textures when enlarged.

For example:

Cutting a very small product out of a group photo and enlarging it into a full display image usually cannot stay clear.

Similar situations include:

📱 Low-resolution photos saved from chat apps.

🖼️ Images enlarged from web thumbnails.

✂️ Local areas cropped too small from the original image.

📷 Photos enlarged after multiple screenshots.

✅ First look for a higher-resolution original file.

✅ Re-crop from the original image.

✅ Retake photos of the details that need to be shown.

✅ Avoid repeatedly enlarging images that are already blurry.

If you use an image enhancement tool, also check the appearance and text of the processed image.

Especially for product photos, enhancement may change textures, text, or other real features.

📌 Image enhancement cannot replace real product information, and the displayed content should still match the actual item.

Image compression can reduce file size, but over-compression may affect image quality.

For example:

📦 The file size has gone down, but product textures have started to blur.

🔍 Obvious noise appears along the edges of the image.

✍️ Originally clear text has become difficult to read.

🎨 Color gradients show unnatural banding.

🧵 Product texture: Are the fabric, wood grain, and material still clearly visible?

📐 Fine lines and edges: Are there any obvious jagged edges or noise?

✍️ Text in images: Are labels and names still readable?

🎨 Color shifts: Are there any obvious color blocks or distortion?

🔍 Important details: Can they still be recognized when zoomed in?

If there are obvious image quality issues, you can reduce the compression level and export the image again.

Because the image may need to be used in different places.

For example:

🖼️ Merchant Gallery.

📝 Article cover.

📱 Social media promotion.

📏 Section Banner.

Keep the original photo so you can regenerate suitable versions for different uses.

📌 Where possible, create upload versions from the original image to avoid repeatedly saving files that have already been compressed.

Different image formats suit different purposes.

Before uploading, also confirm whether the platform supports the format.

Usually suitable for:

🛍️ Real product photos.

🏪 Store environment.

📷 Portrait photography.

🛠️ Service case studies.

JPEG can usually keep file size under control while maintaining an appropriate level of image quality.

Commonly used for:

🎨 Graphic design.

✍️ Images containing clear text.

🖼️ Images that need a transparent background.

📐 Lines and icons.

However, PNG files containing a lot of photographic content may be large.

WebP can also be used for online images.

With suitable settings, it can balance image quality and file size.

However, before uploading, confirm whether the current WeiCity editor supports it and whether it displays properly after publishing.

For example:

Changing the file name from:

photo.png

directly to:

photo.jpg

does not mean the image format has been correctly converted.

Use an image editing or conversion tool to export the file again.

📌 Choose the image format based on the content and platform support, rather than using the same format for all photos.

Online images usually use the RGB color mode.

For general web and mobile display, sRGB is a common color space with good compatibility.

If your export tool offers color profile options, consider choosing sRGB, which is suited to screen display.

🤍 Whether white looks natural

For example, whether white products look noticeably yellow, blue, or gray.

🎨 Whether product colors are accurate

Avoid filters or color adjustments that make products look noticeably different from the real item.

🧵 Whether material textures look realistic

Do not over-process fabric, wood grain, or other materials.

💡 Whether the lighting is reasonable

When adjusting brightness, keep the true characteristics of the product and its environment.

If an image comes from a print design file, it may use the CMYK color mode.

When preparing a version for web display, check whether it needs to be correctly converted to RGB or sRGB.

Different screens and brightness settings may still cause visual differences.

Therefore, colors should be kept as close to the real item as possible.

For products with high color requirements, you may also provide a way to confirm colors further when necessary.

📌 Images in the Merchant Gallery should be as authentic as possible, rather than noticeably altering product colors to attract customers.

After uploading, it is recommended to open the page on your phone and check what customers actually see.

An image that looks clear on a computer may not remain easy to recognize when reduced to a phone screen.

👀 Whether the main subject is clear

Whether the product, work, or case focus is easy to see.

✍️ Whether the text is clear

Whether text in the image needs to be repeatedly zoomed in to read.

✂️ Whether the thumbnail is complete

Whether any product, sign, or important content has been cropped out.

🔍 Whether it is clear when zoomed in

After opening the image, whether important details are clear enough.

⏳ Whether loading works properly

Under current network conditions, whether the image loads properly.

📐 Whether the proportions are suitable

Whether the image is noticeably stretched or awkwardly cropped.

You can check the following in order:

📦 Whether the file size meets the requirements.

📁 Whether the image format is supported.

🌐 Whether the network connection is working properly.

🖼️ Whether the image has been uploaded successfully.

📱 Whether the same problem occurs on different devices or browsers.

If the problem persists, record the image format, dimensions, file size, and the page where the problem occurs, so technical staff can investigate further.

📌 A successful upload is only the first step; whether customers can view the image properly is equally important.

Before publishing, you can check in the following order.

📸 Original image clarity

The original image is clear, and product and case details are accurate.

📐 Pixel dimensions and proportions

The image proportions and pixel dimensions suit the publishing location.

🖼️ Subject completeness

Products, signs, or important content have not been cropped out.

🔲 Safe margins

The subject and text have appropriate margins.

📦 File size

The file meets the current platform upload limits.

📁 Image format

Use a format supported by the platform.

🎨 Color accuracy

Colors look natural, with no excessive retouching.

📱 Mobile display

Thumbnails and full images display properly.

📝 Image titles and descriptions

The text matches the actual image content.

🔍 Key details

The parts customers need to see are clear enough.

After passing the check, publish formally to reduce repeated revisions later.

📌 Establishing a fixed image review process helps merchants maintain the quality of their gallery over the long term.

When organizing gallery photos for the WeiCity merchant channel, you can keep the original files and then prepare display versions according to current upload requirements.

A simple workflow is:

📸 Step 1: Choose clear original photos

Give priority to images that are authentic, complete, and clear.

📐 Step 2: Confirm the publishing location

Understand the display proportions for the gallery, article covers, or Banners.

✂️ Step 3: Adjust the image composition

Keep the important content of the product, store, or case.

🗜️ Step 4: Choose a suitable format and compression level

Balance image quality and file size.

🎨 Step 5: Check the colors

Make sure the image is as close as possible to the real product or environment.

📁 Step 6: Upload to WeiCity

Publish according to the formats and requirements supported by the current editor.

📱 Step 7: Check the actual display

Review the thumbnail, full image, and related descriptions.

For retail, dining, photography, design, renovation, repair, and other merchants, clear images not only showcase products and services but also help customers reduce confusion.

Images do not necessarily need to use the largest file, and not all photos need to use the same proportions.

📸 Consider clarity, proportions, format, and file size together, so that each photo is better suited to real browsing.

🌐 WeiCity | Make merchant images clearer, help customers see products clearly, understand services, and move from browsing photos to further inquiries.