Chuyển đến nội dung chính
pixvertoPixverto

Tạo Favicon

Chọn một logo vuông và tải về bộ favicon đầy đủ: favicon.ico, PNG 16 và 32 px, Apple touch icon, biểu tượng Android, web manifest và đoạn HTML để dán vào trang của bạn.

Thả file ảnh vào đây

bấm để chọn file, hoặc dán bằng Ctrl/⌘ + V

File của bạn không bao giờ rời khỏi thiết bị này

  • Không tải lên
  • Không đăng ký
  • Miễn phí 100%
  • Dùng được khi offline

Trong gói có những gì

favicon.ico (16, 32 và 48 px), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest và html-snippet.txt.

Chép các file vào thư mục gốc của website, rồi dán nội dung html-snippet.txt vào trong thẻ <head> của các trang.

Cách có favicon sắc nét

Hãy bắt đầu với ảnh vuông ít nhất 512 × 512 pixel. Giữ thiết kế đậm nét, đơn giản và chừa một chút khoảng trống quanh viền. Nền trong suốt hợp với tab trình duyệt, nhưng iOS sẽ tô đen vùng trong suốt của touch icon, nên với biểu tượng đó bạn nên dùng nền đặc.

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

Ảnh của tôi có bị tải lên máy chủ của các bạn không?

Không. Mọi thao tác diễn ra hoàn toàn trong trình duyệt, bằng chính thiết bị của bạn. File không bao giờ được gửi cho chúng tôi hay bất kỳ bên thứ ba nào, nên bạn có thể yên tâm dùng cho cả ảnh riêng tư lẫn nhiều ảnh dung lượng lớn. Sau khi trang tải xong, bạn thậm chí có thể tắt mạng mà công cụ vẫn chạy.

Tôi có thể dùng logo SVG không?

Được. SVG được vẽ lại ở từng kích thước nên biểu tượng luôn sắc nét.

Tôi có cần chỉnh sửa site.webmanifest không?

Có. Hãy điền tên website và tên ngắn, đồng thời chỉnh màu sắc nếu bạn muốn người dùng cài website này lên điện thoại.