3840 × 2160 placeholder image
This page makes 3840 × 2160 px placeholder images, the 4K hero size. It backs a full-screen hero on large monitors and televisions, where a Full HD image can look soft. It is a 16:9 landscape image of 8.3 megapixels. Pick a colour below and download it, or add it to a batch.
Live preview
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
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.
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.
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.
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 3840 × 2160 images
What size is the 4K hero placeholder?
It is 3840 × 2160 px, a 16:9 landscape image of 8.3 megapixels. Ultra HD hero for large and high-density screens.
What is the 3840 × 2160 size used for?
It backs a full-screen hero on large monitors and televisions, where a Full HD image can look soft. It is listed under web and layout in the ready-made sizes.
Should I make the 3840 × 2160 image bigger?
Doubling this size would pass the limit of 8192 px per side or 16.8 megapixels, so make it at 3840 × 2160 px. An SVG stays sharp at any size. It needs about 33 MB of memory once decoded, so export WebP or JPG and test it on a phone.
How heavy is a 3840 × 2160 placeholder?
A flat-colour SVG of 3840 × 2160 px is only about 146 bytes. Once a browser decodes a raster version it needs about 31.6 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 3840 × 2160?
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-3840x2160-3b82f6.png. Swap the placeholder for a real, optimised image before launch, and keep the width and height attributes so the page does not jump while it loads.
More free tools
View all toolsAbout 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.