PixoateFavicon Generator - Tạo tất cả các kích thước biểu tượng yêu thích từ hình ảnh
Tải lên bất kỳ hình ảnh nào và ngay lập tức nhận được bộ biểu tượng yêu thích hoàn chỉnh: 16, 32, 48, 180 (Apple), 192 & 512 (PWA) cộng với site.webmanifest, được đóng gói dưới dạng ZIP.
Thả logo của bạn để tạo mọi kích thước biểu tượng yêu thích
Bao gồm site.webmanifest + đoạn mã HTML
Giới thiệu về Favicon Generator
Hiển thị hình ảnh của bạn theo sáu kích thước biểu tượng yêu thích mà trình duyệt thực sự sử dụng ngày nay (bỏ qua đường dẫn .ico cũ mà một số trang web vẫn cần), cộng với tệp kê khai ứng dụng web sẵn sàng thả. Chạy hoàn toàn trong trình duyệt của bạn — không cần tải lên, không cần chờ đợi.
Tiếp tục cải thiện hình ảnh của bạn
Đưa chỉnh sửa ảnh của bạn lên một tầm cao mới với các công cụ phổ biến này
Thêm văn bản vào hình ảnh
Thêm chú thích và tiêu đề vào ảnh nâng cao của bạn
Thêm đường viền ảnh
Tạo khung hiệu ứng của bạn với các đường viền đẹp
Nén hình ảnh
Tối ưu hóa hình ảnh nâng cao của bạn để chia sẻ
Thay đổi kích thước hình ảnh
Thay đổi kích thước hình ảnh
Ảnh cho phim hoạt hình
Thử một phong cách nghệ thuật khác
Phác thảo bút chì
Tạo bản vẽ bút chì nghệ thuật
Frequently Asked Questions
Đối với các trình duyệt và thiết bị hiện đại, bạn cần sáu kích thước: 16×16 và 32×32 cho tab trình duyệt, 48×48 cho biểu tượng trang web Windows, 180×180 cho biểu tượng cảm ứng Apple (màn hình chính iOS) và 192×192 + 512×512 cho màn hình chính Android và lời nhắc cài đặt PWA. Trình tạo của chúng tôi tạo ra tất cả sáu cộng với site.webmanifest từ một hình ảnh nguồn duy nhất.
usageHầu hết các trình duyệt hiện đại thích các thẻ liên kết PNG (rel="icon" type="image/png"), vì vậy tệp ICO không còn cần thiết nữa. Chúng tôi bỏ qua ICO cũ và cung cấp các biểu tượng yêu thích PNG có kích thước chính xác cho mọi mục tiêu hiện đại. Nếu bạn phải hỗ trợ Internet Explorer hoặc Chrome rất cũ, bạn có thể chuyển đổi một trong các PNG sang ICO một cách riêng biệt.
technicalTệp kê khai ứng dụng web là một tệp JSON cho Android, Chrome và Edge biết trang web của bạn sẽ trông như thế nào khi được cài đặt dưới dạng ứng dụng web lũy tiến — biểu tượng, tên, màu chủ đề và chế độ hiển thị. Trình tạo của chúng tôi bao gồm một tệp kê khai khởi động trỏ đến các biểu tượng Android Chrome; Bạn chỉ cần chỉnh sửa tên và theme_color.
featuresPNG hình vuông (1:1) ở 512×512 trở lên cho đầu ra rõ ràng nhất ở mọi kích thước. Tránh các chi tiết nhỏ biến mất ở 16×16 - biểu tượng yêu thích hoạt động tốt nhất với một hình dạng đậm duy nhất và độ tương phản cao. PNG trong suốt hoạt động; Công cụ hộp thư để biểu tượng nằm chính giữa ở mọi kích thước.
tipsCó — hình ảnh nguồn của bạn được thay đổi kích thước thông qua API canvas và được đóng gói dưới dạng ZIP cục bộ. Không có gì được tải lên. Điều này giúp bạn an toàn khi tạo biểu tượng cho các sản phẩm chưa phát hành và nhận diện thương hiệu trước khi ra mắt.
privacyGiải nén bản tải xuống vào thư mục /public (hoặc web root) của trang web của bạn, sau đó thêm đoạn mã HTML đi kèm vào thẻ liên kết <head>: cho các biểu tượng PNG cùng với liên kết đến site.webmanifest. Hard refresh your site (Cmd + Shift + R) — trình duyệt lưu trữ các biểu tượng yêu thích một cách mạnh mẽ, vì vậy bạn có thể cần phải xóa bộ nhớ cache để biểu tượng mới xuất hiện.
usageCó — PNG 192×192 và 512×512 chính xác là những gì Chrome và Edge tìm kiếm để đủ điều kiện cho một trang web là PWA có thể cài đặt. Cùng với bản kê khai, họ đáp ứng kiểm tra khả năng cài đặt ngọn hải đăng PWA.
technicalĐúng. Không có hình mờ, không cần đăng ký, không giới hạn sử dụng - và ZIP là của bạn mãi mãi. Chúng tôi đã thêm công cụ này vì cuối cùng mọi nhà phát triển đều cần một bộ biểu tượng yêu thích và các trình tạo hiện có chứa đầy quảng cáo hoặc buộc bạn phải trả tiền cho đầu ra có độ phân giải cao.
pricingUse Cases
Indie Hacker ra mắt
Những người sáng lập solo vận chuyển MVP của họ cần một biểu tượng yêu thích bóng bẩy trước khi ra mắt. Tạo mọi kích thước từ hình ảnh logo duy nhất của bạn và tệp kê khai chỉ bằng một cú nhấp chuột - không cần Figma, không cần đăng ký thiết kế.
Thiết lập khách hàng đại lý
Khi cung cấp một trang web khách hàng mới, bộ biểu tượng yêu thích hiếm khi được lập ngân sách nhưng luôn được mong đợi. Tạo ZIP vào cuối dự án, thả nó vào /public và đánh dấu vào sản phẩm.
Khả năng cài đặt PWA
Để vượt qua quy trình kiểm tra khả năng cài đặt của Chrome, tệp kê khai của bạn cần có biểu tượng 192×192 và 512×512. Đầu ra của chúng tôi đáp ứng yêu cầu đó ngay lập tức, cộng với các thẻ đầu HTML phù hợp.
Không gian làm việc đa thương hiệu
Các đại lý và chuyên gia tư vấn tung hứng nhiều thương hiệu khách hàng có thể tạo lại bộ biểu tượng yêu thích trong 10 giây bất cứ khi nào làm mới thương hiệu - không cần duy trì hành động Photoshop.
Xây dựng thương hiệu dự án mã nguồn mở
Các trang web GitHub Pages, Vercel, Netlify và Cloudflare Pages đều cần biểu tượng yêu thích để trông bóng bẩy trong các tab trình duyệt. Thả các tệp đã tạo vào kho lưu trữ của bạn và dự án của bạn trông như đã được vận chuyển.
Làm mới thương hiệu
Khi logo của bạn thay đổi, hãy tạo lại mọi kích thước cần thiết — bao gồm biểu tượng cảm ứng Apple 180px và biểu tượng Android PWA 512px — mà không cần xuất lại thủ công từ Illustrator.