Chỉ cần một logo, nhận ngay một tệp ZIP: favicon.ico, các ảnh PNG cho Apple và Android, cùng đoạn mã HTML để dán.
favicon.ico (16, 32 và 48 trong một tệp), favicon-16/32/48.png, apple-touch-icon.png (180, màn hình chính iOS), icon-192.png và icon-512.png (Android và PWA), site.webmanifest cùng các dòng cho thẻ head của bạn. Tất cả trong một tệp ZIP.
Tệp PNG hình vuông từ 512px trở lên, hoặc SVG. Logo chữ dạng ngang sẽ bị căn giữa với hai bên trống, do đó một biểu tượng độc lập sẽ hiển thị ở kích thước 16px tốt hơn nhiều; chữ viết sẽ không thể đọc được ở kích thước đó.
Nền trong suốt hiển thị tự nhiên trên các tab và dấu trang, trong khi iOS có thể tự tô màu nền đặc (thường là màu đen) vào các vùng trong suốt của biểu tượng màn hình chính, vì vậy việc đặt nền sẽ an toàn hơn cho trường hợp này. iOS tự bo tròn các góc, nên apple-touch-icon thường được để ở dạng hình vuông. iOS, Android và Windows lần lượt là thương hiệu của Apple, Google và Microsoft; Keepdesk không liên kết, không được tài trợ hoặc xác nhận bởi các thương hiệu này.
Đặt các tệp vào thư mục gốc của trang web (/) và dán các dòng từ snippet.html vào thẻ . Nếu biểu tượng cũ vẫn còn do bộ nhớ đệm, hãy thêm ?v=2 vào các URL.
Không. Việc thay đổi kích thước, đóng gói ICO và nén ZIP đều diễn ra ngay trong trình duyệt của bạn.
Mọi tệp SVG mà trình duyệt có thể hiển thị. Tệp SVG sử dụng phông chữ hoặc hình ảnh bên ngoài có thể bị mất các phần đó.
Định dạng PNG-trong-ICO được hỗ trợ bởi các trình duyệt hiện đại và Windows gần đây, nhưng các môi trường rất cũ có thể chỉ đọc được ICO dựa trên BMP. Hãy giữ lại favicon-32.png kèm theo cho các trường hợp đó.
Bạn sẽ nhận được một tệp ZIP chứa favicon.ico đa kích thước, các biểu tượng PNG khác nhau, web manifest và các đoạn mã liên kết HTML cần thiết.
Có, bạn có thể chọn giữa hình vuông, bo góc hoặc hình tròn cho biểu tượng của mình.
Không, công cụ không xóa nền. Vui lòng sử dụng công cụ tách nền trước nếu bạn cần ảnh nguồn trong suốt.
Có, bạn có thể áp dụng khoảng đệm 0%, 8% hoặc 15% để đảm bảo biểu tượng không bị cắt ở các cạnh.