Trình tạo HTML favicon

Tạo bộ thẻ <link> favicon tiêu chuẩn cho các kích thước và thiết bị phổ biến.

Assumes files named e.g. "/favicon-32x32.png" exist at that path - generate the actual image files with an image tool first.

<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/favicon-512x512.png">
<link rel="manifest" href="/manifest.json">

Files never leave your device - everything is generated entirely in your browser.

Related tools

How it works

  1. 1

    Nhập đường dẫn cơ sở đến các tệp favicon

    ví dụ "/favicon".

  2. 2

    Xem các thẻ link được tạo ngay lập tức

    Bao gồm các kích thước phổ biến và biểu tượng Apple touch.

  3. 3

    Sao chép và dán vào trang của bạn

    Bên trong phần <head>.

FAQ

Công cụ có tạo các tệp ảnh thật không?
Không — công cụ chỉ tạo các thẻ HTML. Hãy tạo trước các tệp ảnh favicon thật ở từng kích thước bằng công cụ ảnh.
Công cụ này có gửi dữ liệu tôi nhập đi đâu không?
Không — các thẻ được tạo hoàn toàn trong trình duyệt của bạn.