Công cụ › Thiết kế
Xưởng tạo favicon và biểu tượng ứng dụng
Biến một logo thành favicon.ico, apple-touch-icon, biểu tượng Android adaptive và maskable, bộ AppIcon iOS và site.webmanifest.
Bên trong có gì
favicon.ico (16, 32, 48), favicon PNG, apple-touch-icon, biểu tượng Android Chrome và maskable, site.webmanifest, bộ AppIcon iOS cho Xcode, mipmap Android kèm biểu tượng thích ứng, và đoạn HTML này:
<link rel="icon" href="/favicon.ico" sizes="48x48"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest"> <meta name="theme-color" content="#F39A3D">
Cách hoạt động
- Logo của bạn được vẽ lên canvas ở mọi kích thước, có vùng an toàn cho biểu tượng maskable và adaptive.
- favicon.ico chứa các ảnh PNG 16, 32 và 48 px, loại mà mọi trình duyệt hiện nay đều đọc được.
Câu hỏi
Ảnh gốc nào cho kết quả tốt nhất?
Một tệp SVG, hoặc PNG vuông tối thiểu 512×512 có chừa chút khoảng trống quanh biểu tượng.