Amazon-Style Product Grid Placeholder Sizes

Amazon image specs

Amazon product image size requirements you need to match

Amazon's main product image (MAIN) must be at least 1000px on the longest side and no less than 500px on the shortest. The recommended size is 1600x1600 or 2000x2000 for high-resolution zoom. The background must be pure white (RGB 255,255,255) with the product filling at least 85% of the image area.

Swatch images (PT01–PT08) are square, typically served at 75x75 in thumbnail grids. Alternate lifestyle images can use any aspect ratio but are commonly 1500x1000 or 1200x900.

If you are building a catalog import tool, a third-party marketplace, or an internal product PIM that feeds into Amazon, you need to validate and preview images at these exact dimensions before upload. Placeholders at the correct size let you validate layout without waiting for real photography.

Placeholder sizes

Generate Amazon-spec product image placeholders

Use pure white or near-white background colors to mirror Amazon's MAIN image background requirement. The fallback placeholder communicates 'photo coming' without misleading reviewers about the actual background.

For internal tooling and import pipelines, use a neutral gray (F4F4F5) to distinguish the placeholder from a real white-background photo. For customer-facing pages, use white (FFFFFF) to avoid visual inconsistency when the real photo loads.

<!-- Amazon MAIN product image placeholder (1000x1000) -->
<img
  src="https://fallback.pics/api/v1/square/1000/F4F4F5/71717A?text=Product+Photo"
  width="1000"
  height="1000"
  alt="Product image placeholder"
/>

<!-- Category grid tile (500x500) -->
<img
  src="https://fallback.pics/api/v1/square/500/F9FAFB/6B7280?text=No+Photo"
  width="500"
  height="500"
  alt="Product listing placeholder"
/>

<!-- Swatch thumbnail (75x75) -->
<img
  src="https://fallback.pics/api/v1/square/75/E5E7EB/9CA3AF"
  width="75"
  height="75"
  alt="Swatch placeholder"
/>

<!-- Lifestyle image (1200x900) -->
<img
  src="https://fallback.pics/api/v1/1200x900/F3F4F6/6B7280?text=Lifestyle+Photo"
  width="1200"
  height="900"
  alt="Lifestyle image placeholder"
/>

Responsive srcset

Handle responsive product grids with srcset placeholders

Product listing grids are responsive. A product tile might render at 200px on mobile, 300px on tablet, and 400px on desktop. The placeholder needs to work at all three sizes without introducing layout shift at any breakpoint.

You can either use a single large placeholder and rely on CSS max-width, or provide a srcset with multiple sizes. The fallback.pics URL is deterministic—the same URL always returns the same image—so srcset with multiple fallback.pics URLs works correctly.

<img
  src="https://fallback.pics/api/v1/square/400/F4F4F5/71717A?text=No+Photo"
  srcset="
    https://fallback.pics/api/v1/square/200/F4F4F5/71717A?text=No+Photo 200w,
    https://fallback.pics/api/v1/square/300/F4F4F5/71717A?text=No+Photo 300w,
    https://fallback.pics/api/v1/square/400/F4F4F5/71717A?text=No+Photo 400w
  "
  sizes="(max-width: 640px) 200px, (max-width: 1024px) 300px, 400px"
  width="400"
  height="400"
  alt="Product image placeholder"
/>

Import pipeline

Validate image spec compliance before Amazon upload

If your workflow imports product data and uploads to Amazon, use placeholder images at the exact required dimensions to stress-test your upload pipeline before real photos are available. This catches dimension validation errors, aspect ratio rejections, and file size limits early.

Generate placeholders at 2000x2000 (Amazon's recommended resolution for zoom) with a pure white background to run the full upload path end to end in a development environment.

// Test Amazon image upload with placeholder
const testImageUrl =
  'https://fallback.pics/api/v1/square/2000/FFFFFF/AAAAAA.jpg?text=Test+SKU';

async function testAmazonUpload(sku: string) {
  const imageBuffer = await fetch(testImageUrl).then((r) => r.arrayBuffer());
  // Pass to your Amazon SP-API product image upload client
  await amazonClient.uploadProductImage({ sku, imageBuffer, imageType: 'MAIN' });
}

PIM integration

Use placeholders in PIM systems during catalog enrichment

Product information management (PIM) tools like Akeneo and Pimcore display product data grids with image thumbnails. During a catalog import or enrichment workflow, many products have no image. Configuring the PIM to render a fallback.pics URL for empty image fields makes the enrichment grid usable before photography is complete.

Filter on image field completeness to identify which products still need photos and export a list for the photography team.

Internal links

More product image placeholder patterns

The patterns here apply to any marketplace or product grid that enforces specific image dimensions. See the full API documentation for format and text options.

https://fallback.pics/docs/
https://fallback.pics/placeholder-image-api/
https://fallback.pics/blog/b2b-wholesale-catalog-placeholders/
https://fallback.pics/blog/fashion-apparel-catalog-placeholders/