Tạo favicon cho website

Cách sử dụng Tạo favicon

1. 1

   Chọn nguồn

   Tải lên logo hoặc ảnh tối đa 25 MB, nhập từ một đến ba chữ cái với 1 trong 11 phông chữ, hoặc chọn một emoji.

2. 2

   Thiết kế biểu tượng

   Chọn 1 trong 12 tùy chọn Hình dạng, từ không có hay Vuông đơn giản đến Bánh quy hoặc Cỏ ba lá, rồi chọn màu Nền hoặc trong suốt, Khoảng đệm và Bo góc.

3. 3

   Kiểm tra mọi kích thước

   Xem trước biểu tượng từ 16 đến 192 pixel, trong tab trình duyệt sáng và tối, và bên trong vùng an toàn maskable của Android.

4. 4

   Tải xuống và cài đặt

   Lưu favicon.zip, giải nén vào thư mục của website, rồi dán đoạn mã HTML được tạo vào phần head của trang.

Về Tạo favicon

Trình tạo favicon tạo trọn bộ biểu tượng mà một website hiện đại cần từ một thiết kế duy nhất. Tệp ZIP gồm favicon.ico chứa ảnh 16, 32 và 48 pixel, các PNG riêng 16, 32 và 48 pixel, apple-touch-icon 180 pixel với nền đặc (iOS tự thêm góc bo), biểu tượng Android Chrome 192 và 512 pixel, biểu tượng maskable 512 pixel có nội dung nằm trong vùng an toàn 80%, site.webmanifest với Tên ứng dụng, Tên ngắn và màu chủ đề của bạn, cùng đoạn mã HTML dán ngay được với các thẻ link và theme-color. Mọi PNG đều được tối ưu không làm giảm chất lượng.

Ảnh tải lên được thu nhỏ bằng bộ lọc Lanczos nên logo lớn vẫn sắc nét ngay cả ở 16 pixel, còn logo SVG trước tiên được vẽ ở 1.024 pixel. Biểu tượng văn bản dùng phông bạn chọn, emoji dùng phông Noto Color Emoji, nên kết quả giống nhau trên mọi hệ thống của người truy cập. Nếu biểu tượng không nằm ở thư mục gốc, hãy nhập thư mục, ví dụ /icons/, đường dẫn trong đoạn mã và manifest sẽ tự theo.

Công cụ phù hợp cho website hoặc blog mới, ứng dụng web mà người dùng cài ra màn hình chính, trang quản trị nội bộ cần nổi bật giữa các tab, hoặc biểu tượng tạm cho dự án nhỏ. Chi tiết nhỏ và từ dài sẽ biến mất ở 16 pixel, nên hình đơn giản với một hoặc hai chữ cái cho kết quả tốt nhất. Công cụ không lưu trữ tệp và không chỉnh sửa website của bạn; bạn tự tải tệp lên.

Tính năng

Tạo favicon: câu hỏi thường gặp