Quay Lại Công Cụ

Favicon Generator

Tạo favicon từ hình ảnh hoặc văn bản

Miễn phí 100%Chạy trên trình duyệtKhông cần đăng ký

Gioi thieu ve cong cu nay

Tạo favicon chuyên nghiệp từ ảnh hoặc văn bản tùy chỉnh. Tự động tạo file ICO và PNG ở tất cả kích thước chuẩn (16x16, 32x32, 48x48, 192x192). Kết hợp với aukimi Inkwell để thiết kế artwork favicon. Thuoc aukimi Inkwell.

Tinh nang

  • Tạo từ ảnh hoặc văn bản
  • Định dạng đầu ra ICO và PNG
  • Tất cả kích thước favicon chuẩn
  • Màu nền tùy chỉnh
  • Xem trước và tải xuống tức thì

Truong hop su dung

Thương hiệu và nhận diện websiteBiểu tượng ứng dụng web tiến bộNhận diện tab trình duyệt

Chia sẻ công cụ này

Giúp người khác khám phá

HN

Tạo tài khoản miễn phí để xóa watermark

Lưu tác phẩm của bạn, truy cập bộ công cụ sáng tạo đầy đủ và xuất không có watermark.

Tạo Tài Khoản Miễn Phí

Cần thêm?

Thử aukimi Inkwell

Chỉnh sửa bitmap chuyên nghiệp với lớp, mặt nạ, bộ lọc và hỗ trợ tablet đầy đủ.

Tìm hiểu thêmTạo Tài Khoản Miễn Phí

How to generate a complete favicon set

Produce a real multi-size .ico, all PNG variants, a site.webmanifest, and the HTML snippet for your site — no upload required.

  1. 1

    Choose Text or Image mode

    Text mode turns a letter into a favicon. Image mode accepts any PNG/JPG/SVG logo.

  2. 2

    Customize shape and padding

    Pick square, rounded, or circle. Add padding to avoid logos being cropped at 16×16.

  3. 3

    Pick a background color

    The background color doubles as your PWA theme color in the generated manifest.

  4. 4

    Download the .ico and PNGs

    Click Download favicon.ico for the legacy multi-size file, or Download All PNGs for every size.

  5. 5

    Paste the HTML snippet

    Copy the HTML block into your site's <head>. Copy or download site.webmanifest into your web root.

Câu hỏi thường gặp

What sizes should a modern favicon cover?

The essential set is: 16×16 and 32×32 (browser tabs), 48×48 (Windows taskbar), 180×180 (Apple touch icon), 192×192 and 512×512 (Android/PWA). Our generator outputs all of these plus a real multi-size .ico file that bundles 16/32/48 for legacy browsers.

Is the .ico a real ICO file or just a renamed PNG?

It is a real ICO file following the Microsoft ICONDIR / ICONDIRENTRY binary spec — three PNG images at 16/32/48 are embedded in a single .ico container. Some competitors just rename a PNG, which fails in Windows Explorer and older browsers.

Can I generate a favicon from text instead of an image?

Yes. Switch to Text mode, pick a letter (or two), choose a font, color, and shape (square, rounded, circle). Useful when you do not have a logo ready — you can get a clean monogram favicon in under a minute.

Where do I paste the HTML snippet?

Inside the <head> of every page of your site. The snippet wires up the 16/32 PNGs, Apple touch icon, web manifest, and theme-color meta tag. Most static site generators and frameworks have a single head template to edit.

What is site.webmanifest for?

It tells mobile browsers how your site should look when installed as a Progressive Web App — name, icons, theme color, display mode. Drop the downloaded `site.webmanifest` at your web root alongside the favicon files.

Why do my favicons look bad at small sizes?

Detailed logos rarely survive 16×16. Increase the Padding slider, simplify the shape (circle or rounded square), and crank up the contrast between foreground and background. Text mode often reads better at small sizes than a miniaturized logo.