How to Make an Image Sit Well on a Dark Page

What this guide covers

On a dark page, every white pixel stands out. A chart on a white background, a screenshot of a spreadsheet or a photo with a pale sky can become the brightest object on the screen and pull attention from the text that matters.

Image Color measures the picture, shows you how bright it really is and lets you soften it with a few sliders. It works in your browser and saves a new PNG, so the original stays as it was. Here is the short route from a glaring image to one that sits calmly on a dark page.

Step by step

1. 1

   Open the image

   Choose a JPG, PNG, WebP or GIF, or drop it on the panel. The preview shows the original on the left and the adjusted version on the right.

2. 2

   Read the check

   Look at the average brightness, the share of bright areas and the histogram. They tell you how much the image will glare before you touch anything. Auto fix sets the sliders as a starting point.

3. 3

   Lower the highlights first

   Dim highlights pulls back only the brightest areas, such as white pages and bright skies, and leaves the midtones and shadows alone. Use Brightness only when the whole picture is too bright.

4. 4

   Fine-tune and download

   Adjust contrast and saturation if needed, then press Download to save a new PNG. The file you opened stays unchanged.

Small changes, better results

The key idea is to change as little as possible. Pulling back only the highlights leaves faces, labels and midtones alone, while lowering the overall brightness moves the whole picture, including the parts that were fine. Start with highlights, then use brightness only if the whole image is too bright.

Charts are the happy exception. A chart with a white background turns into a clean dark chart when you invert it, and its colours keep their meaning. A photograph treated the same way looks like a negative, so use the sliders for photos. Whatever you do, judge the result on the page where the image will actually appear, not on its own.

Tips

• Use Invert for charts and screenshots with a white background. Do not invert photos, because they turn into negatives.
• Judge the result on the page where the image will actually appear.

Good to know

• Only the first frame of a GIF is checked and saved.
• The preview is smaller than the download, but the colours are the same.
• Your slider values are remembered in this browser. The image itself is not stored.