Skip to content

Image tool

Create every essential site icon from one image

Preview the result, adjust its fit and download browser, Apple and installable-app icons with the files needed to connect them.

  • No image uploads
  • ICO, PNG and web manifest
  • Browser and app previews

Step 1 · Add an image

Choose the image that should represent your site or app

Use a square image when possible. PNG, JPG, WebP, HEIC, HEIF and SVG files are supported.

The image stays on this device and is released when you replace it or close the page.

You can also drop one image in this area.

Step 2 · Shape the icons

Adjust once, then review every destination

Source image

{{ source.file.name }} {{ t('editor.dimensions', { width: source.width, height: source.height }) }}

This source is smaller than 512 × 512 pixels. Large app icons may look soft.

Icon appearance

How should the image fit?
Manifest details

These values are written into site.webmanifest.

Theme color {{ themeColorError }}

Live previews

Browser tab

{{ shortName || appName }}

Apple home screen

{{ shortName || appName }}

Maskable app icon

Safe area
{{ statusMessage }}

{{ t('result.fileCount', { count: resultFiles.length }) }}

Icon package ready

Ten generated files are ready to add to your site.

Package files

  • {{ file.name }}{{ formatBytes(file.blob.size) }}

Add this inside your page’s <head>

Drop the image here

What is included

A compact package for current browsers and devices

01

Browser icons

favicon.ico includes 16, 32 and 48 pixel images, with separate 16 and 32 pixel PNG files.

02

Apple touch icon

A solid-background 180 pixel PNG is ready for Add to Home Screen.

03

Installable app icons

The manifest references 192 and 512 pixel standard icons plus separate maskable versions designed for device cropping.