Favicon Generator

Generate multiple PNG favicon sizes from one image. Includes sample HTML.

Drag & drop here, or click to choose (single image)

Overview

Generate common PNG favicon sizes from a single base image and get sample HTML link tags for easy installation. Supports padding and background color for transparent logos.

How to use

  1. Load a base image (square recommended).
  2. Choose sizes and adjust background color and padding.
  3. Review filenames/output and generate in one go.
  4. Paste the provided HTML link tags into the head.

Use cases

  • Quickly prepare a full favicon set for a new site.
  • Optimize an existing logo at multiple resolutions.
  • Align with theme color to strengthen branding.

Tips & knowledge

  • For transparent logos, keep sufficient padding and a suitable background.
  • Include key sizes such as 512/192/180 px for high-DPI devices.
  • Adjust output paths/filenames to match your site structure.