Websites and banners, made understandableImages · Code · WordPress

Make it.
Show it.
Ship it.

WEB ARTICLE / WORKSHOP

Clear instructions for people who build their own websites. From the first image to a page that feels good to read.

Choose a task
Editorial composition of a laptop, paper layouts and printed images on a worktable
Editorial illustration created with AI.

Start with one file

All guides ↗
4000 × 300012 000 000 px
1600 × 12001 920 000 px
01 / Images

Resize a photo without losing useful detail

Pixel dimensions, file size and displayed size are different quantities. First decide where the image will appear, then prepare the pixels it needs, and finally tune compression.

PhotoshopsrcsetWebP
Open the guide

Understand it. Make it.

THE WEB WORKBENCH

Less guessing. More checking.

Calculate image dimensions, check contrast and estimate transfer size. Everything runs in your browser.

Open the workshop