Hướng dẫn Favicon minh bạch
Nền đồng nhất trên biểu tượng yêu thích trông lỗi thời và xung đột với chế độ tối. Đây là cách giữ alpha từ đầu đến cuối.
3 phút đọc
Bắt đầu với một nguồn trong suốt
Xuất biểu tượng của bạn dưới dạng PNG-32 không tô nền hoặc sử dụng SVG. Hầu hết độ mờ đều đến từ nền trắng tích hợp chứ không phải công cụ favicon.
.ico hỗ trợ alpha
Các mục được nén PNG bên trong .ico giữ kênh alpha của chúng. Các mục bitmap không - sử dụng công cụ chọn mã hóa phù hợp cho mỗi kích thước.
Xử lý chế độ tối
Gửi SVG có khối <style>@media (prefers-color-scheme: dark) { ... </style> và để .ico xử lý dự phòng tĩnh.