Sifency Tools

2000 × 2000 placeholder image

This page makes 2000 × 2000 px placeholder images, the Zoomable product image size. It is a large square product image that still looks sharp when a shopper zooms in. It is a 1:1 square image of 4.0 megapixels. Pick a colour below and download it, or add it to a batch.

Live preview

2000 × 2000 px · 1:1 · 4.0 MP · preview scaled, the download is full size

Saves as placeholder-2000x2000-3b82f6.png

Size

Up to 8192 px on a side and 16.8 megapixels in total.

Style

Fill

Pattern

Label

Colour

rgb(59, 130, 246) · hsl(217, 91%, 60%)

Suggested colours

Shades of this colour

File

Tokens: {width} {height} {size} {color}

Copy as code

Paste the placeholder straight into HTML or CSS. It uses the format chosen above (PNG); SVG gives the shortest text.

Batch download

Collect several sizes, then save them all as one PNG ZIP. Up to 60 images.

The queue is empty. Add the image you see above, or a whole set of ready-made sizes in the current colour and style.

Similar placeholder sizes

How it works

  1. Choose a size

    Pick a ready-made size from the list, such as a hero, an Open Graph image or an ad slot, or type your own width and height. Lock the ratio to keep the shape while you resize.

  2. Pick a colour

    Use a suggested colour, a shade of your current colour, the colour picker, or type any hex, rgb or hsl value. The preview updates as you type.

  3. Add a style if you want one

    Keep it flat, add a soft gradient or a subtle pattern, and turn on a label that shows the size. The label is always black or white, whichever is easier to read.

  4. Download

    Choose PNG, WebP, JPG or SVG and press Download. The file is made on your device and named from the size and colour, so it is easy to find and replace later.

Questions about 2000 × 2000 images

What size is the Zoomable product image placeholder?

It is 2000 × 2000 px, a 1:1 square image of 4.0 megapixels. Large square that supports zoom.

What is the 2000 × 2000 size used for?

It is a large square product image that still looks sharp when a shopper zooms in. It is listed under marketplace in the ready-made sizes.

Should I make the 2000 × 2000 image bigger?

For sharp results on high-density screens, use 4000 × 4000 px, which is twice the width and height. Type those numbers into the size fields. It is four megapixels, so export JPG or WebP to keep the page light.

How heavy is a 2000 × 2000 placeholder?

A flat-colour SVG of 2000 × 2000 px is only about 146 bytes. Once a browser decodes a raster version it needs about 15.3 MB of memory, so for a size this large prefer SVG, or JPG and WebP when you need a raster file.

Can I choose another colour or format for 2000 × 2000?

Yes. Choose any colour, a gradient, a pattern or a label, and save it as PNG, WebP, JPG or SVG. By default the file is called placeholder-2000x2000-3b82f6.png. Listings are reviewed by people, so replace every placeholder with the finished image before you submit and keep a copy of the file names you used.

Next step

Take the colours from a real image

Instead of guessing a placeholder colour, drop in a photo or a logo and pull its main colours out, ready to paste as CSS variables or a Tailwind theme.

Get a palette from an image
View all tools

About these tools

Small tools, made by Sifency

Sifency is a small studio that builds themes, plugins and web apps. These tools began as the things we kept needing ourselves, so we tidied them up and left them open for everyone. There is nothing to sign up for.