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.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
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.
Câu hỏi thường gặp
How do I make a favicon with a transparent background?
Start from a PNG-32 or SVG with no baked-in background. Export to .ico using a tool that preserves the alpha channel.
Does .ico support transparency?
Yes when entries use PNG compression. Bitmap-encoded .ico entries do not preserve alpha.
How do transparent favicons work in dark mode?
Ship an SVG favicon with prefers-color-scheme styles, and keep a static .ico fallback for browsers that ignore SVG.