Cách Hoạt Động
Chọn Nguồn Của Bạn
Tải lên hình ảnh, tạo từ văn bản với phông chữ tùy chỉnh, chọn từ hàng trăm biểu tượng cảm xúc, hoặc vẽ nghệ thuật pixel. Phân tích bất kỳ URL nào để trích xuất favicon hiện có.
Tùy chỉnh & Xem trước
Điều chỉnh nền, chuyển sắc, độ bo tròn và hiệu ứng. Xem trước favicon của bạn trong các tab trình duyệt, màn hình chính iOS, Android và các mẫu Windows trong thời gian thực.
Tạo & Tải xuống
Tạo tất cả các kích thước bằng một cú nhấp chuột. Tải xuống gói hoàn chỉnh với các đoạn mã sẵn sàng sử dụng cho hơn 35 framework.
Bốn Cách Để Tạo Favicon Của Bạn
Tải lên Hình ảnh
Bắt đầu với bất kỳ hình ảnh nào — PNG, JPG, SVG hoặc WebP. Thêm nền, điều chỉnh đệm, độ sáng, độ tương phản và áp dụng các góc bo tròn. Hoàn hảo cho logo và tài sản thương hiệu hiện có.
Văn bản thành Favicon
Tạo favicon dựa trên văn bản với hơn 1500 Google Fonts. Chọn độ đậm phông chữ, màu sắc và thêm nền đơn sắc hoặc chuyển sắc. Lý tưởng cho các biểu tượng thương hiệu dựa trên chữ cái đơn giản.
Favicon Biểu tượng cảm xúc
Chọn từ hàng trăm biểu tượng cảm xúc trong 12 danh mục bao gồm tất cả các cờ quốc gia. Thêm nền màu với các cài đặt trước hoặc chuyển sắc tùy chỉnh cho giao diện bóng bẩy.
Canvas Nghệ thuật Pixel
Vẽ favicon của riêng bạn từng pixel trên lưới tùy chỉnh. Sử dụng các công cụ bút, tẩy và tô màu với hỗ trợ hoàn tác/làm lại. Xuất tác phẩm nghệ thuật pixel của bạn ngay lập tức.
Tính Năng Mạnh Mẽ
100% Riêng tư
Tất cả quá trình xử lý diễn ra cục bộ trong trình duyệt của bạn. Hình ảnh của bạn không bao giờ rời khỏi thiết bị của bạn. Không tải lên, không lưu trữ đám mây, không thu thập dữ liệu.
Mọi Nền Tảng Được Bao Phủ
Tạo hơn 15 kích thước favicon cho trình duyệt, màn hình chính iOS, Chrome Android, các ô Windows, tab được ghim Safari và Ứng dụng Web Tiến bộ.
Xem trước Trực tiếp
Xem chính xác favicon của bạn trông như thế nào trong các tab trình duyệt, màn hình chính iOS, trình khởi chạy Android và các ô Windows trước khi tạo.
Đoạn mã cho 35+ Framework
Nhận mã sẵn sàng sử dụng cho HTML, React, Vue, Next.js, Nuxt, Angular, Astro, Svelte, WordPress, Shopify, Laravel, Django và hơn 25 nền tảng khác.
Trình phân tích URL
Phân tích bất kỳ trang web nào để trích xuất favicon hiện có. Xem kích thước nào có mặt, cái gì còn thiếu và tạo lại một bộ hoàn chỉnh bằng một cú nhấp chuột.
Lịch sử Tạo
Truy cập các lần tạo favicon gần đây của bạn. Khôi phục các tác phẩm trước đó, so sánh các phiên bản hoặc tiếp tục chỉnh sửa từ nơi bạn đã dừng lại.
Mẫu Nhanh
Bắt đầu với các mẫu được thiết kế chuyên nghiệp có màu đơn sắc, chuyển sắc và họa tiết. Áp dụng và tùy chỉnh để phù hợp với thương hiệu của bạn.
ICO Đa Kích Thước
Tự động tạo các tệp ICO đa độ phân giải nhúng các kích thước 16x16, 32x32 và 48x48 để tương thích tối đa với trình duyệt.
Gói Đầu ra Hoàn Chỉnh
Favicon Tiêu chuẩn
favicon.ico (đa kích thước), 16x16, 32x32 và 48x48 PNG cho các tab trình duyệt và dấu trang.
Biểu tượng Apple Touch
Biểu tượng Apple Touch 180x180 cho màn hình chính iOS, cộng với SVG tab được ghim Safari với màu chủ đề tùy chỉnh.
Biểu tượng Android & PWA
Biểu tượng 192x192 và 512x512 cho Android Chrome và Ứng dụng Web Tiến bộ, bao gồm hỗ trợ biểu tượng có thể che.
Ô Windows
Ô Microsoft 270x270 với browserconfig.xml để tích hợp menu Start Windows và thanh tác vụ.
Manifest Web
Tệp site.webmanifest hoàn chỉnh với các tham chiếu biểu tượng, màu chủ đề và cài đặt hiển thị PWA.
Câu Hỏi Thường Gặp
Tôi cần những kích thước favicon nào?
Tại sao tôi cần tệp ICO?
Favicon của tôi có nên có nền trong suốt không?
Hình ảnh nguồn của tôi có cần phải là hình vuông không?
Hình ảnh của tôi có an toàn và riêng tư không?
Những framework nào được hỗ trợ?
Còn về Ứng dụng Web Tiến bộ thì sao?
Hiểu về Favicon
Favicon là các biểu tượng nhỏ đại diện cho trang web của bạn trên trình duyệt, dấu trang, màn hình chính và trình khởi chạy ứng dụng. Một bộ favicon hoàn chỉnh đảm bảo thương hiệu của bạn trông chuyên nghiệp và dễ nhận biết ở bất cứ nơi nào người dùng gặp trang web của bạn.
Định dạng ICO
Định dạng ICO đóng gói nhiều kích thước (16x16, 32x32, 48x48) vào một tệp duy nhất. Trong khi các trình duyệt hiện đại hỗ trợ favicon PNG, ICO vẫn cần thiết để tương thích tối đa với các trình duyệt cũ hơn và một số ứng dụng máy tính để bàn.
Biểu tượng PNG
Các trình duyệt hiện đại thích favicon PNG vì chất lượng sắc nét và hỗ trợ độ trong suốt của chúng. Mỗi kích thước phục vụ một mục đích: 16px và 32px cho các tab trình duyệt, 180px cho iOS và 192px/512px cho Android và PWA.
Manifest Ứng dụng Web
Tệp site.webmanifest xác định cách trang web của bạn xuất hiện khi được cài đặt dưới dạng PWA. Nó chỉ định các biểu tượng, màu chủ đề, chế độ hiển thị và các siêu dữ liệu khác mà trình duyệt sử dụng để tạo trải nghiệm giống như ứng dụng.
Favicon SVG
Tính năng tab được ghim của Safari sử dụng biểu tượng SVG đơn sắc. Các trình duyệt hiện đại cũng bắt đầu hỗ trợ trực tiếp favicon SVG, cung cấp khả năng mở rộng vô hạn và kích thước tệp nhỏ hơn.