Skip to content

Image Utilities

Extract color palettes, get a format recommendation, make favicons and ICO files, and turn images into PDFs.

6 tools

Color Tools

1

Pull the main colors out of an image and export them for CSS, Tailwind, GIMP or Adobe apps, with a contrast checker.

Format Guidance

1

Test each image as PNG, JPG, WebP and AVIF and get the format that fits it best.

Icon Generation

1

Make a website favicon set, with Apple and Android icons, a manifest and the HTML tags, from one image.

More tools in Utilities

3

Every other tool in this category.

Guides

1

Explanations and how-tos for the tools on this page.

The colors in a photo set its mood, and designers often build a palette from them so buttons, backgrounds and accents match the imagery. A single product photo can provide a small palette for a whole interface. The color palette extractor does that and checks text and background pairs against WCAG contrast rules.

Choosing a format is a common source of doubt. JPG handles photos efficiently, PNG keeps transparency and crisp edges, WebP and AVIF make smaller web images, and HEIC saves space on Apple devices but causes compatibility problems elsewhere. The format advisor measures your actual image, test-encodes it in each format and recommends the one that fits.

The other utilities cover specific jobs. The icon generator builds a favicon set for a website, PNG to ICO packs several sizes into one ICO file, and the PNG to PDF and WebP to PDF converters combine images into one document.

Frequently Asked Questions

How do I extract a color palette from an image?

Add your image to the color palette tool. It samples the pixels, groups similar shades and returns 3 to 16 representative colors (8 by default), sorted by how much of the image each covers. Copy them as HEX, RGB or HSL, or export them as CSS variables, a Tailwind config, JSON, or a GIMP or Adobe swatch file for Figma, design apps and code.

Which image format should I choose for my use case?

JPG for photos and complex images, PNG for graphics, logos and anything with transparency, WebP for smaller web images, and AVIF for the smallest files on modern browsers. HEIC is fine for storage on Apple devices, but convert it to JPG or PNG for sharing. The format advisor tests your actual image in each format and recommends one.

What sizes do I need for app icons?

For websites and installable web apps, you need a favicon (16, 32 and 48 pixels), a 180 pixel Apple touch icon, and 192 and 512 pixel icons for Android and the web app manifest. The icon generator makes all of these. Native iOS and Android apps need more sizes, including a 1024 pixel App Store icon and Android adaptive icons with separate layers, which this tool doesn't produce.

Why does my image look different on different devices?

Color profiles, screen calibration and wide-gamut displays all change how colors look. Images with an embedded profile such as sRGB look more consistent. Photos from recent iPhones often use a wider color space, which can look different on screens that don't support it. For the web, sRGB is the safe choice, and it's worth checking images on the devices your audience uses.

Extract palettes to keep a design consistent, get format advice when you're unsure, and make every favicon size from one image. These utilities handle the image jobs that aren't conversion, compression or editing.