Images and design
Prepare photos and graphics for the web: cut out backgrounds, shrink files, convert formats and pick colors that work.
- Background removerCut people and products out of photos and get a transparent PNG.
- Image compressorShrink photos and convert them to WebP, JPEG or PNG.
- Image converterConvert between PNG, JPG and WebP, and turn SVG into PNG.
- HEIC to JPGTurn iPhone photos into JPGs that open everywhere.
- Image resizerResize and crop to exact sizes for Instagram, YouTube, Facebook and more.
- Color palette from imagePull the main colors out of any photo, with HEX and RGB codes.
- Contrast checkerCheck whether text is readable on its background (WCAG AA and AAA).
- CSS gradient generatorBuild linear and radial gradients and copy the CSS.
- Box shadow generatorDesign soft or layered shadows visually and copy the CSS.
- Font pairing previewTry heading and body font combinations from Google Fonts on real text.
- Favicon generatorMake every favicon size, an ICO file and the HTML to add them.
- Social image generatorCreate 1200×630 preview images for links on Facebook, X and LinkedIn.
Images and design: what to know
Image work is usually two problems at once — the file is too big, and it is the wrong shape or format for where it has to go. The tools here solve both without opening a design app.
Everything except the background remover runs on your own machine, so a client photo never leaves your computer. Exports keep transparency where it matters and drop it where it does not.
How to choose
- WebP is the smallest for the web; keep a JPG copy for anything that has to open in older software.
- Resize before you compress — a 4000px photo scaled down to 1200px is already most of the saving.
- Check text over an image with the contrast checker before you publish it, not after.