FAVICON · APPLICATION ICONS · TILES
Create icons and tiles from an image
Choose a source image and prepare multiple icon and tile sizes for websites and apps. Review the preview and configure the background.
Export the generated assets in the available formats and keep the original image unchanged.
Choose an image
What needs to be prepared?
Create an ICO with multiple sizes, separate PNGs, an SVG wrapper, and a web manifest. The HTML5 fragment is updated with the site name, color and folder address.
The logo fits into a square while maintaining proportions.
Links to favicon
First, copy the generated files to the specified folder, then paste this code between tags <head> and </head>.
Prepare standard iPhone/iPad icon sizes for Xcode and classic launcher icons Android Studio. The archive contains file names and folder structure for projects.
Original image will be cropped or fit with the selected background.
For App Store, iOS PNG icons are exported with opaque background. Android icons remain transparent. Adaptive foreground/background layers are not created.
Cut the image into a uniform grid without first reducing it. The preview shows the sizes and numbers in the order in which the files will be archived.
3 × 3 · 9 плиток · файлы пронумерованы в Instagram-порядке.
Select an image to see the tile layout.
Results are ready
THREE GRAPHIC SCENARIO
Favicon, app icons and image grids
- Favicon for the site. ICO with several sizes, PNG versions, SVG wrapper, web manifest and ready-made HTML5 strings for
<head>. - iOS icons. AppIcon.appiconset and Contents.json with sizes for iPhone, iPad and App Store; the transparent source gets the selected background.
- Android icons. Classic mipmap folders for different screen densities and PNG 512 × 512 for Google Play.
- Cut into tiles. Popular presets, own rows and columns, view a numbered grid, and save individual tiles together in a ZIP.
A square image of about 1024 × 1024 px is suitable as a source for favicons and application icons. For mosaics, you can use an image of any aspect ratio: it is divided by the original pixels into equal cells without cropping the entire image.