Tạo favicon

Favicon là biểu tượng nhỏ trên tab trình duyệt, dấu trang và kết quả tìm kiếm Google, còn trên điện thoại nó trở thành biểu tượng của website trên màn hình chính. Mỗi nền tảng yêu cầu tệp riêng, vì vậy favicon hiện đại không phải là một ảnh duy nhất mà là một bộ ảnh nhỏ kèm theo manifest ứng dụng web.

Tải lên logo PNG, JPG, WebP hoặc SVG và cắt thành hình vuông, hoặc tạo biểu tượng từ một chữ cái hay emoji. Sau đó tinh chỉnh riêng từng nền tảng: nền và góc cho trình duyệt máy tính và Google, nền đặc và lề cho màn hình chính iPhone, và biểu tượng maskable cho Android giữ logo trong vùng an toàn. Bản xem trước trực tiếp hiển thị tab trình duyệt ở chế độ sáng và tối, thanh dấu trang, một kết quả Google cùng màn hình chính iOS và Android với mặt nạ hình tròn, squircle và vuông bo góc.

Tệp ZIP tuân theo các phương pháp tốt nhất hiện nay: favicon.ico với 16, 32 và 48 px, favicon.svg khi nguồn là SVG (có thể tự thích ứng với chế độ tối), favicon-96x96.png, apple-touch-icon.png 180×180, biểu tượng manifest 192 và 512 px cùng site.webmanifest. Sao chép mã HTML hoặc làm theo các bước cho Next.js, React/Vite hay WordPress, rồi kiểm tra kết quả bằng công cụ kiểm tra favicon của chúng tôi. Mọi thứ đều được tạo ngay trong trình duyệt của bạn.