Hình ảnh / Biểu tượng ứng dụng
Trình tạo biểu tượng Liquid Glass cho Icon Composer
Chuyển PNG hoặc SVG tiền cảnh thành gói .icon Liquid Glass cho Icon Composer và Xcode 26. Chọn màu nền và khoảng đệm, so sánh bản xem trước gần đúng ở chế độ sáng, tối, tinted và clear, rồi xuất PNG phẳng 1024 × 1024.
Trình tạo biểu tượng Liquid Glass cho Icon Composer: Giữ một hình ảnh tiền cảnh tách biệt với dải chuyển màu nền tự động do Icon Composer cung cấp. Công cụ căn giữa hình minh họa theo khoảng đệm bạn chọn và đóng gói gói .icon trong tệp ZIP. Bản xem trước trên trình duyệt minh họa các hình vuông bo góc và hình tròn cho Apple Watch, với các chế độ tinted và clear gần đúng. PNG phẳng sử dụng màu nền đặc đã chọn và không có vật liệu kính. Các tùy chọn điều khiển hình dạng và giao diện bản xem trước không làm thay đổi cài đặt của gói. Chạy 100% cục bộ trong trình duyệt của bạn, không có tệp nào được tải lên máy chủ.
- Danh mục
- Công cụ hình ảnh
- Lượt chạy
- Trong trình duyệt của bạn
- Chi phí
- Miễn phí · không cần đăng ký
- Trạng thái khả dụng
- Sẵn sàng sử dụng
Chạy hoàn toàn trong trình duyệt của bạn
Liquid Glass là ngôn ngữ thiết kế của Apple, được giới thiệu cùng iOS 26. Biểu tượng ứng dụng sử dụng các lớp và vật liệu thích ứng với giao diện và môi trường xung quanh. Tài liệu dành cho nhà phát triển của Apple · Hướng dẫn giao diện con người
Thả tác phẩm vào đây hoặc duyệt tệp. Tác phẩm trong suốt cho kết quả tốt nhất. Tối đa 20 MB.
Icon Composer phủ nền bằng dải màu tự động dựa trên màu của bạn. Các bản xem trước này và PNG đã làm phẳng sử dụng màu cơ sở đồng nhất; hãy điều chỉnh dải màu cuối cùng trong Icon Composer.
Bản xem trước chỉ mang tính gần đúng; giao diện cuối cùng được iOS kết xuất. Các hình dạng cùng giao diện nhuộm màu và trong suốt chỉ là minh họa, không phải cách Apple kết xuất vật liệu.
Giải nén ZIP, mở AppIcon.icon trong Icon Composer cho Xcode 26, kiểm tra vật liệu và giao diện, rồi thêm gói .icon vào dự án Xcode. Với các mục tiêu cũ hơn, hãy dùng PNG đã làm phẳng trong danh mục tài nguyên. Hướng dẫn Icon Composer của Apple
Trình tạo này giữ một lớp tiền cảnh phía trên phần tô nền. Công cụ không chỉnh sửa độ sâu của lớp, khúc xạ, vùng sáng hoặc bóng đổ. Hãy thêm và tinh chỉnh các lớp khác trong Icon Composer. Các điều khiển bản xem trước không thay đổi cài đặt giao diện của gói.
Hình ảnh của bạn vẫn ở trong trình duyệt. Không có gì được tải lên.
Liquid Glass và thiết kế biểu tượng ứng dụng
Apple mô tả Liquid Glass và các biểu tượng ứng dụng thích ứng trong tài liệu dành cho nhà phát triển và Hướng dẫn giao diện con người. Hãy làm theo hướng dẫn này để biểu tượng dễ nhận biết trên nhiều nền tảng và giao diện. https://developer.apple.com/documentation/technologyoverviews/liquid-glass và https://developer.apple.com/design/human-interface-guidelines/app-icons
Icon Composer và Xcode
Icon Composer hỗ trợ hình minh họa nhiều lớp và điều chỉnh chất liệu. Hãy mở và xem lại gói .icon đã trích xuất trong đó trước khi thêm vào dự án Xcode. Trình tạo này cung cấp một lớp tiền cảnh và một dải chuyển màu nền tự động dựa trên màu bạn chọn. https://developer.apple.com/icon-composer/ và https://developer.apple.com/documentation/Xcode/creating-your-app-icon-using-icon-composer
Cách sử dụng
- Chọn hình minh họa tiền cảnh, tốt nhất là PNG trong suốt hoặc SVG, rồi đặt khoảng đệm và màu nền.
- So sánh màn hình chính sáng và tối, các hình dạng nền tảng, cùng giao diện tinted hoặc clear gần đúng.
- Tải xuống và giải nén tệp ZIP .icon, mở gói này trong Icon Composer, kiểm tra giao diện cuối cùng rồi thêm vào dự án Xcode. Tải xuống PNG phẳng cho các mục tiêu cũ hơn.
Quyền riêng tư và giới hạn
Hình ảnh được giải mã và xuất ngay trong trình duyệt của bạn. Hình minh họa của bạn không được tải lên.
Công cụ liên quan
Câu hỏi thường gặp
Liquid Glass là gì?
Liquid Glass là ngôn ngữ thiết kế của Apple, được giới thiệu cùng iOS 26. Biểu tượng ứng dụng có thể sử dụng các lớp và vật liệu thích ứng với từng giao diện. Trang này chuẩn bị một gói ban đầu; hệ điều hành sẽ kết xuất giao diện cuối cùng.
Tôi sử dụng tệp tải xuống trong Xcode 26 như thế nào?
Giải nén tệp ZIP và mở gói AppIcon.icon trong Icon Composer. Kiểm tra rồi lưu biểu tượng tại đó, sau đó thêm gói .icon vào dự án Xcode và chọn gói này làm biểu tượng ứng dụng. Hướng dẫn Icon Composer của Apple giải thích cách thiết lập dự án.
Trình chỉnh sửa này có hỗ trợ chiều sâu theo lớp không?
Công cụ cung cấp một lớp tiền cảnh nằm trên nền màu. Công cụ không chỉnh sửa nhiều lớp, chiều sâu, khúc xạ, vùng sáng hoặc bóng. Hãy thêm các lớp và tinh chỉnh vật liệu trong Icon Composer.
Bản xem trước có phải là giao diện iOS cuối cùng không?
Không. Hình vuông bo góc và hình tròn, cùng các hiệu ứng tinted và clear, chỉ là bản xem trước gần đúng. iOS sẽ kết xuất giao diện cuối cùng. Trình duyệt và PNG phẳng sử dụng màu nền đặc; Icon Composer cung cấp dải chuyển màu tự động.
Công cụ miễn phí · trong trình duyệt của bạn lượt chạy · không cần tài khoản