Color Converter
Convert CSS colors between hex, RGB, HSL, OKLCH, and Lab formats.
Favicon Generator
Generate a complete favicon package for your website from a single image, including browser icons, touch icons, and install-ready metadata.
Drop a square-ish PNG, JPG, or WebP image here, or use the file picker.
Images are center-cropped to a square before export.
How to use this favicon generator
- Choose or drop a PNG, JPG, or WebP image with a clear centered mark.
- Set the theme color used by the web app manifest and browser chrome.
- Click Generate favicons, then uncheck any files you do not need.
- Download a ZIP containing only the selected favicon files.
Favicon Generator features
- Generate common favicon PNG sizes from one uploaded image.
- Build a multi-size favicon.ico file for older browser and desktop support.
- Create Apple touch and Android home screen icons.
- Create a site.webmanifest file with your selected theme color.
- Include a ready-to-paste HTML snippet for favicon links and theme color metadata.
- Preview each downloadable output before selecting it.
- Download only the checked files in a ZIP archive.
- Process images entirely in your browser.
Recommended favicon package
A practical favicon set includes 16x16 and 32x32 PNG icons, a favicon.ico file, a 180x180 Apple touch icon, 192x192 and 512x512 Android icons, and a web manifest that names those install icons. The theme color helps browsers and installed web apps match your brand color.
How favicon generation works
The selected image is decoded locally, center-cropped to a square, drawn to canvas at each requested size, and exported as PNG files. The ICO file stores the generated 16x16, 32x32, and 48x48 PNG icons in one icon container. The manifest and HTML snippet use the selected theme color.
Favicon generator FAQ
Are my images uploaded?
No. The image is read, resized, and zipped in your browser.
What source image works best?
Use a square image with a simple centered logo or mark. Fine text usually becomes unreadable at favicon sizes.