Notes › Resources

Resources

17 articles

Images reused without permission: adding text or logo watermarks

Someone reposts your image and crops off the corner credit. This note separates two goals for watermarks, gives concrete values for position, density and opacity, and covers limiting export size, keeping the source file, and why ID documents should be redacted rather than covered with pale text.

Converting between HEX, RGB and HSL: colour picking and comparison

The same button differs one shade between the design file and the web page, often from hand-converting HEX and HSL. This note breaks down how the three formats map to each other, the term the saturation formula omits, the byte-order trap in 8-digit HEX, and how dark mode derives state colours.

ID photos and uploads at the wrong size: resizing pixels in the browser

Three rejected photos made clear that pixels, format and byte size are three independent checks. This note explains how to work back from an ID photo spec like 295x413, why locking the aspect ratio is the critical step, and what to adjust when the resized file is still over 20 KB.

QR codes with a logo: Wi-Fi, business cards and payment in one code

Of 88 table stickers printed, only 4 scans succeeded in three days, traced to contrast, error-correction level and logo coverage. This note covers three reasons a QR code will not scan, how much damage L/M/Q/H error correction tolerates, and whether to send vector or raster artwork to print.

How far can you compress an image before it blurs? Lossless, WebP and page speed

A registration system wants a one-inch photo under 500 KB, but the phone produces 6.1 MB. This note breaks image size into three layers, pixel count, encoding quality and attached data, gives settings for shrinking dimensions before quality, and covers format choices for transparent images and screenshots.

Previous 1