Tạo favicon từ ảnh cho website

Chọn một logo hoặc ảnh để tạo bộ favicon PNG và ICO. Xem trước ở cỡ 16–48 px, tải ZIP cùng mã HTML đặt trong website; ảnh chữ nhỏ có thể cần thiết kế lại.

Xử lý ảnh trên thiết bị

Favicon được tạo trong trình duyệt · File gốc không thay đổi

Hoặc kéo thả ảnh vào đây

Một ảnh PNG, JPG, WebP hoặc SVG, tối đa 20 MB Logo vuông, rõ ở cỡ nhỏ sẽ dễ nhận biết hơn.

Mã HTML đặt trong <head>

Mã dùng đường dẫn cùng thư mục với trang HTML. Nếu đặt icon ở thư mục khác, hãy sửa href trước khi dùng.

Tạo favicon trong 3 bước

Chọn ảnh nguồn

Dùng một ảnh PNG, JPG, WebP hoặc SVG tối đa 20 MB. Ảnh được cắt giữa thành hình vuông trước khi thu nhỏ; logo đơn giản thường dễ đọc hơn ở 16 px.

Bộ file và cách kiểm tra

File trong bộ tải

Bộ tải có PNG 16, 32, 48, 64, 128, 180, 192 và 512 px; favicon.ico chứa bản 16, 32 và 48 px. Bản 180 px được đặt tên apple-touch-icon.png. Ảnh SVG đầu vào được vẽ thành pixel; công cụ không xuất SVG vector.

Đưa lên website và kiểm tra

Mã HTML mẫu chỉ tham chiếu các file có trong ZIP. Sau khi tải lên website, mở tab và bookmark để kiểm tra icon; nếu Google Search chưa hiện favicon, kiểm tra URL file có truy cập được và ảnh đại diện đúng thương hiệu. Google không bảo đảm sẽ hiển thị favicon bạn chọn.

Hướng dẫn favicon trong Google Search

Khi ảnh favicon chưa rõ

Logo bị cắt: Dùng ảnh nguồn vuông hoặc đặt thêm khoảng trống quanh logo trước khi chọn lại. Công cụ cắt phần giữa của ảnh chữ nhật.
Chữ mất ở 16 px: Giảm chi tiết, tăng tương phản và ưu tiên một biểu tượng hơn cả tên thương hiệu trên một hàng.
Tệp không mở được: Thử PNG hoặc JPG khác. SVG có tài nguyên ngoài hoặc định dạng ảnh mà trình duyệt không giải mã được có thể thất bại.