Trình tạo Favicon
Chuyển đổi một ảnh PNG, JPG hoặc SVG thành tệp favicon.ico và mọi kích thước biểu tượng mà trang web của bạn cần, được đóng gói gọn gàng trong tệp ZIP.
Toàn bộ hình ảnh luôn hiển thị, được căn giữa với khoảng đệm xung quanh.
Nền trong suốt phù hợp với các tab trình duyệt; đối với biểu tượng màn hình chính iPhone, màu nền sẽ an toàn hơn.
Favicon và bộ biểu tượng của bạn sẽ xuất hiện ở đây.
Đặt các tệp này vào thư mục gốc của trang web, sau đó thêm các dòng mã này vào mỗi trang.
Hình ảnh của bạn được chuyển đổi thành các biểu tượng ngay trong trình duyệt. Không có gì được tải lên BroBroGo.
Hỏi đáp
Có những tệp nào trong bộ biểu tượng?
Tệp favicon.ico chứa các phiên bản 16, 32 và 48 pixel bên trong, các biểu tượng PNG ở kích thước 16, 32, 180, 192 và 512 pixel, và một tệp site.webmanifest liệt kê các biểu tượng lớn. Nếu bắt đầu từ tệp SVG, chính tệp vector đó cũng sẽ được bao gồm. Tất cả được gói gọn trong một tệp ZIP duy nhất.
Hình ảnh nguồn của tôi nên có kích thước bao nhiêu?
Tệp SVG là lý tưởng nhất — mọi biểu tượng đều được vẽ từ vector, vì vậy ngay cả ở kích thước 16 pixel vẫn giữ được độ sắc nét. Đối với PNG hoặc JPG, hãy bắt đầu từ kích thước ít nhất là 512 × 512; các hình ảnh nhỏ hơn khi phóng to có thể bị mờ.
Nền nên để trong suốt hay có màu?
Các biểu tượng tab hiển thị tốt với nền trong suốt. Tuy nhiên, màn hình chính của iPhone và iPad sẽ tô đen các vùng trong suốt — nếu người dùng có thể thêm trang web của bạn vào màn hình chính của họ, hãy chọn một màu nền.
Điều gì xảy ra với hình ảnh không phải là hình vuông?
Các biểu tượng có dạng hình vuông, nhưng hình ảnh của bạn sẽ không bao giờ bị kéo giãn. Theo mặc định, ảnh sẽ được căn giữa với khoảng đệm xung quanh; chuyển sang "Lấp đầy (cắt)" để cắt bỏ các cạnh thừa.
Các tệp này sẽ được đặt ở đâu trên trang web của tôi?
Tải chúng lên thư mục gốc của trang web để có thể truy cập favicon.ico tại đường dẫn /favicon.ico, sau đó dán các dòng mã được tạo vào thẻ <head> của các trang. Trình duyệt sẽ tự động chọn kích thước phù hợp.