Blog
Field notes on icons, pixels and shipping fast.
Practical writing on image processing, build pipelines and the small details that separate a polished icon from a fuzzy one.
- 5 min read
How to Make a Transparent-Background Icon From a Logo
Turn a logo on a white or coloured background into a clean transparent-background icon — background removed, edges de-haloed, centred on a square. Here's how, no upload.
Read post - 4 min read
GitHub Organization & Repo Icon: Make One From Your Logo
A GitHub org avatar should be a square PNG, at least 500px. For a repo README logo, use a transparent PNG so it works in dark mode. Here's how to make both from your logo.
Read post - 6 min read
The Privacy Problem With Online Image Tools (And the Local Alternative)
Every online image tool uploads your file to a server. For a client logo or unreleased asset, that's a real problem. Here's what uploading exposes, and the alternative.
Read post - 4 min read
Make a Discord Server Icon From Your Logo (512×512)
A Discord server icon is 512×512, square, and cropped to a circle. Here's how to make one from your logo in one drag — centered, clean-edged, and the right size.
Read post - 5 min read
Add a Favicon to a Next.js Site From Your Logo
Next.js has a clean file convention for favicons: drop your icons into the app directory and it generates the tags. Here's the full setup, from your logo to shipped.
Read post - 5 min read
favicon.ico vs PNG Favicon: Which to Use in 2026
favicon.ico or PNG? In 2026, PNG favicons are sharper and enough for modern browsers, with an optional .ico at the root as a fallback. Here's when each one matters.
Read post - 5 min read
How to Auto-Trim the Whitespace Around a Logo
Trimming whitespace around a logo by hand is fiddly and risks cropping off part of the mark. Here's how to auto-trim it to the content precisely, keeping every part.
Read post - 5 min read
Logo to Android App Icon: Adaptive Icon & mipmap Sizes
Android app icons need an adaptive icon (foreground + background), legacy mipmaps from 48 to 192 px, and a 512 Play Store icon. Here's the full set and how to prep it.
Read post - 6 min read
The Complete Icon Size Guide (2026) — and How to Generate Them All in One Pass
Every favicon, app icon and profile picture size you need in 2026, which ones you can skip, and how to generate the whole set in one pass.
Read post - 5 min read
How to Get Rid of the White Halo Around a Transparent PNG Logo
The white fringe around your transparent PNG logo is background colour trapped in the edge pixels. Here's why it happens and how to remove it cleanly, no upload.
Read post - 5 min read
How to Resize Images Without Uploading Them to a Server
Resize logos and images without uploading them anywhere — entirely in your browser, verifiable in the network tab. Here's how local, on-device processing works.
Read post - 6 min read
Favicon in Every Size You Need (16 to 512)
Which favicon sizes you actually need, which files to ship, and how to generate 16 to 512 px from one logo without the icon turning to mush.
Read post - 5 min read
PWA Icon Sizes and the Web App Manifest (192 & 512)
A PWA needs manifest icons at 192 and 512 px, plus a maskable one. Here's what each is for, the manifest.json setup, and how to make them from your logo.
Read post - 5 min read
Logo to Chrome Extension Icons (16, 32, 48, 128)
Chrome extensions need icons at 16, 32, 48, and 128 px. Here's what each is for, the manifest.json setup, and how to make all four from your logo in one drag.
Read post - 6 min read
Resize Your Logo to Every Size You Need (App Icon, Favicon, Social Profiles)
One logo, every size: favicon, app icon and social profile picture. How to resize a logo without cutting it off or making it blurry.
Read post - 6 min read
How to Crop One Image Into Multiple Sizes at Once
Crop one image into every size you need in a single pass — 16 to 512 px, cropped, centred and exported as PNGs, entirely in your browser.
Read post - 6 min read
Logo to Favicon: Turn Your Logo Into a Complete Favicon Set
Turn your logo into a complete favicon set — 16, 32, 48px and up — in one drag, right in your browser. No upload, no blur, no white halo. Here's the how and the sizes.
Read post - 5 min read
Apple Touch Icon: What Size It Is and How to Make One
The Apple touch icon is 180×180 px. Here's what it's for, why it should be opaque, and how to make one from your logo in seconds — no upload, no blurry edges.
Read post - 1 min read
Why Your Icons Look Blurry (and How to Fix Them)
Most blurry icons aren't a Retina problem — they're a downscaling problem. Here's what actually fixes them.
Read post - 1 min read
How to Generate Perfect App Icons
A practical checklist for icons that look right on the web, on iOS, on Android — and on the App Store screenshot.
Read post