Cách tạo biểu tượng ứng dụng Windows

Bề mặt giao diện người dùng Windows có tỷ lệ từ glyph vùng thông báo 16 × 16 đến ghim jumbo 256 × 256 trên thanh tác vụ có chỉ số GDP cao. Một bitmap trải dài trên phạm vi đó trông mềm mại hoặc có pixel.

Vùng chứa .ico tồn tại nên một tệp duy nhất chứa nhiều khung được kết xuất trước. Shell32 chọn kích thước gần nhất thay vì nâng cấp hình ảnh nhỏ.

Web favicon và biểu tượng ứng dụng dành cho máy tính để bàn có chung định dạng vùng chứa. Chuyển giao kỹ năng giữa việc vận chuyển favicon.ico và đóng gói tệp thực thi Win32 hoặc Electron.

Use our favicon generator, PNG to ICO converter, SVG to ICO converter, and live favicon tester to build and verify your icon set, and read the companion guide for a condensed walkthrough.

Microsoft khuyên bạn nên nhúng các ô vuông 16, 24, 32, 48, 64, 128 và 256 pixel vào một .ico cho các ứng dụng hiện đại.

16 và 24 bao gồm các danh sách vỏ nhỏ. 32 và 48 bao gồm các chế độ xem biểu tượng tiêu chuẩn và trung bình trong File Explorer. 64 trở lên bao gồm các hình thu nhỏ có độ phân giải cao và các ô menu Bắt đầu.

Việc bỏ qua 256 không phải lúc nào cũng phá vỡ bất kỳ thứ gì, nhưng các ô được ghim trên màn hình 4K trông mềm mại hơn đáng kể nếu không có nó.

Các công cụ cũ lưu trữ 256×256 dưới dạng BMP 32 bit không nén bên trong .ico. Khung đơn đó có thể vượt quá 256KB và trình cài đặt sẽ phình to.

Bộ mã hóa hiện đại lưu trữ các khung lớn dưới dạng các đốm màu được nén PNG bên trong vùng chứa ICO. Chất lượng hình ảnh vẫn giống hệt nhau; kích thước byte giảm 5–10×.

Luôn kiểm tra kích thước .ico cuối cùng. Dưới 50KB là tiêu chuẩn cho một logo phẳng có độ nén PNG; trên 200KB báo hiệu BMP phình to.

FetchFavicon chấp nhận bản chính 512×512 và phát ra .ico sẵn sàng cho web với các khung kích thước cao được nén PNG — thích hợp cho việc nhúng tài nguyên Electron, Tauri và Win32 cổ điển.

Trình chỉnh sửa tài nguyên của Visual Studio xác thực cấu trúc ICO khi bạn biên dịch ứng dụng gốc. Kiểm tra ở đó trước khi vận chuyển MSI.

Tránh đổi tên một PNG thành .ico. Windows Explorer có thể hiển thị bản xem trước nhưng tỷ lệ shell sẽ bị ảnh hưởng.

Ứng dụng điện tử: đặt favicon.ico vào tài nguyên xây dựng; đặt win.icon trong electron-builder.yml thành cùng một tệp nhiều kích thước.

Trình cài đặt Inno Setup: SetupIconFile=asset\app.ico phải trỏ đến .ico chứa ít nhất 32 và 48 khung.

Phân phối ZIP di động: người dùng ghim .exe của bạn vào thanh tác vụ; Windows đọc tài nguyên biểu tượng được nhúng từ tiêu đề PE mà bạn biên dịch từ cùng một bản chính .ico.

MSI công ty: ký trình cài đặt sau khi nhúng biểu tượng — việc thay đổi .ico sau khi ký sẽ làm mất hiệu lực chữ ký.

.ico có giống nhau trên web và máy tính để bàn không? Thông số vùng chứa tương tự; các ứng dụng dành cho máy tính để bàn nhúng nó dưới dạng tài nguyên PE thay vì phân phát qua HTTP.

Tôi có cần các biểu tượng riêng cho mỗi phiên bản Windows không? Một .ico nhiều kích thước hiện đại bao gồm Windows 10 và 11.

Thế còn .ico so với .png cho UWP thì sao? UWP sử dụng nội dung PNG trong bảng kê khai gói; Win32 cổ điển vẫn muốn .ico.

Tôi có thể trích xuất kích thước từ .ico hiện có không? Có với chuyển đổi IcoFX hoặc ImageMagick để kiểm tra.

Icon mờ trên taskbar: thiếu khung 32 hoặc 48; Thay vào đó, Windows đã nâng cấp lên 16.

Biểu tượng trình cài đặt sai nhưng biểu tượng exe đúng: Inno Setup IconFile vẫn trỏ đến đường dẫn cũ. Xây dựng lại trình cài đặt.

Cam kết git lớn sau khi thêm biểu tượng: bạn đã cam kết .ico kiểu SVG. Tái xuất với nén PNG.

Biểu tượng chỉ hiển thị trên máy phát triển: tài nguyên không được nhúng trong cấu hình Bản dựng phát hành — kiểm tra tệp .rc và tạo phẩm CI.

Các ứng dụng gốc Win32 tham chiếu .ico trong các tập lệnh tài nguyên .rc được biên dịch thành tệp PE. ID tài nguyên 1 là biểu tượng ứng dụng mặc định.

Các gói điện tử đọc win.icon từ cấu hình trình tạo điện tử; cùng một .ico nhiều kích thước được trích xuất thành .exe cuối cùng.

Tauri trên Windows mong đợi .ico trong mảng tauri.conf.json Bundle.icon cùng với PNG cho các nền tảng khác.

Ký mã không xác thực các pixel biểu tượng nhưng việc thay đổi tài nguyên sau khi ký sẽ phá vỡ chữ ký - hoàn thiện các biểu tượng trước khi ký Authenticode.

Kiểm tra .exe đã biên dịch trên một máy ảo sạch mà không cài đặt công cụ dành cho nhà phát triển. Explorer đọc tài nguyên được nhúng chứ không phải đường dẫn kho lưu trữ nguồn của bạn.

Chế độ xem biểu tượng nhỏ trong Explorer ưu tiên khung hình 16 và 32 pixel. Các biểu tượng Cực lớn sử dụng 256 khi xuất hiện.

Ghim thanh tác vụ yêu cầu khung kích thước trung bình; thiếu 32 tạo ra mức tăng nhẹ từ 16.

Các ô menu bắt đầu trên Windows 11 hoạt hình với nội dung có độ phân giải cao hơn khi nhúng 256×256.

Các tệp .lnk lối tắt trên máy tính để bàn có thể lưu vào bộ đệm các biểu tượng một cách độc lập — xóa và tạo lại các lối tắt sau khi cập nhật .ico cơ bản trong quá trình QA.

Kiểm tra tỷ lệ hiển thị 100% và 200% trên Windows 11. Mỗi tỷ lệ chọn các khung hình khác nhau từ cùng một ICO.

Ghim vào thanh tác vụ, bỏ ghim, ghim lại sau khi cập nhật biểu tượng để xóa bộ đệm shell trong quá trình QA.

Kiểm tra Thuộc tính → Thay đổi Biểu tượng trên các phím tắt được tạo trước khi cập nhật - chúng có thể tham chiếu các chỉ mục được lưu trong bộ nhớ đệm.

So sánh hình thu nhỏ của Explorer với biểu tượng trên thanh tác vụ - sự khác biệt cho thấy thiếu khung kích thước trung bình.

Biểu tượng MSI và EXE phải khớp với trang web favicon của bạn để đảm bảo tính liên tục của thương hiệu khi người dùng ghim sau khi cài đặt.

Hộp thoại trình gỡ cài đặt sử dụng cùng một tài nguyên biểu tượng - người dùng nhận thấy sự không khớp giữa trình cài đặt và ứng dụng.

Danh sách cửa hàng dành cho các gói Microsoft Store sử dụng các yêu cầu PNG riêng biệt; máy tính để bàn ICO vẫn phù hợp với tải phụ Win32.

Giữ một ICO chính trong kho lưu trữ; Các bản dựng CI sao chép nó vào cấu hình trình cài đặt và web public/ để tránh bị trôi.

Windows SmartScreen không đánh giá vẻ đẹp của biểu tượng — nhưng người dùng tin tưởng vào các biểu tượng phù hợp khi xác nhận lời nhắc cài đặt.

Các ứng dụng macOS cần có SVG riêng; Windows ICO không thay thế chúng trong các bản dựng Electron phổ thông.

Các mục trên máy tính để bàn Linux thường tham chiếu PNG ở kích thước 512×512; tạo PNG từ cùng một bản gốc với ICO.

Biểu tượng cửa hàng di động là một bộ xuất khác - công cụ favicon trên web là cần thiết nhưng không đủ cho các cửa hàng ứng dụng.

Quy trình phát hành hợp nhất phải liệt kê tất cả các mục tiêu biểu tượng trong một danh sách kiểm tra để Windows ICO không bao giờ là bước bị lãng quên.

Ghi chú phát hành thẻ khi tài nguyên biểu tượng thay đổi để bộ phận hỗ trợ có thể giải đáp lý do tại sao các phím tắt trông khác sau khi cập nhật.

Xác thực tài nguyên được nhúng ICO bằng Resource Hacker hoặc tương đương trước khi ký tệp nhị phân của trình cài đặt cuối cùng.

Tài liệu mà khung ICO Windows được chọn trong ảnh chụp màn hình QA — giúp ích khi gỡ lỗi các báo cáo trên thanh tác vụ bị mờ.

Giữ đường dẫn ICO trong trình cài đặt YAML đã nhận xét với danh sách khung dự kiến ​​​​bên trong tệp.