PNG · ICO · Manifest
Bao gồm các định dạng và kích thước biểu tượng
Bắt đầu với PNG, JPG, WebP, GIF, SVG, AVIF hoặc BMP. Bộ biểu tượng xuất một kích thước favicon.ico cũ cộng với trình duyệt, Apple và Android PNG.
PNGJPGWebPGIFSVGAVIFBMPICO
Nhận dạng trang web, được thực hiện trong vài giây
Trình tạo biểu tượng và biểu tượng
Tạo bộ biểu tượng ứng dụng và biểu tượng yêu thích bóng bẩy từ một hình ảnh, biểu tượng cảm xúc hoặc một vài chữ cái. Mọi thứ chạy cục bộ trong trình duyệt của bạn.
Các tập tin của bạn vẫn còn trên thiết bị nàyKhông cần tải lên
Nguồn biểu tượng
Sử dụng một hoặc hai ký tự cho một biểu tượng có kích thước nhỏ gọn.
Tùy chỉnh phong cách
Điều chỉnh trọng lượng hình ảnh cho các nền tảng khác nhau.
hình dạng
16 px first
Mẹo thiết kế biểu tượng nhỏ
- Giữ nhãn hiệu đơn giản: chi tiết biến mất ở 16×16 pixel.
- Để lại một chút đệm để dấu không chạm vào các cạnh của tab trình duyệt.
- Chọn độ tương phản mạnh giữa nền và chữ cái hoặc logo.
Trường hợp sử dụng
Một bộ biểu tượng, ở mọi nơi đều quan trọng
Tab trình duyệt
Favicon 16×16 và 32×32 cho tab và dấu trang.
thiết bị Apple
Biểu tượng cảm ứng 180×180 cho Màn hình Thêm vào Trang chủ của Safari.
Android & PWA
Biểu tượng 192×192 và 512×512 với bảng kê khai web sẵn sàng.
Riêng tư theo thiết kế
Image decoding, icon rendering, PNG export, and ZIP packaging all happen in this browser. Your source never leaves the device.
Nó hoạt động như thế nào
Cách tạo bộ biểu tượng của bạn
Start with a simple mark, tune its contrast and shape, then export the sizes used by browsers, bookmarks, and mobile home screens.
- 01
Chọn một nguồn
Nhập tên viết tắt hoặc biểu tượng cảm xúc hoặc tải lên biểu trưng hiện có.
- 02
Làm cho nó dễ đọc
Sử dụng dấu đậm, khoảng đệm vừa đủ và độ tương phản mạnh.
- 03
Xuất khẩu khắp mọi nơi
Tải xuống các PNG riêng lẻ hoặc bộ favicon hoàn chỉnh dưới dạng ZIP.
FAQ
Câu hỏi thường gặp về trình tạo Favicon
Những tập tin được bao gồm?
Bộ công cụ này bao gồm favicon.ico, các kích thước favicon PNG phổ biến, biểu tượng cảm ứng của Apple, biểu tượng Android Chrome, bảng kê khai web và đoạn mã HTML.
Hình ảnh của tôi có được tải lên không?
Không. Hình ảnh được giải mã và tất cả các biểu tượng được hiển thị trong trình duyệt này. Không có gì được gửi đến một máy chủ.
Nguồn nào hoạt động tốt nhất cho favicon?
Một logo đơn giản, có độ tương phản cao hoặc một chữ in đậm thường rõ ràng nhất ở kích thước 16×16 pixel.
Tôi có thể sử dụng Biểu tượng cảm xúc không?
Vâng. Biểu tượng cảm xúc và văn bản ngắn được hiển thị bằng phông chữ có sẵn trên thiết bị của bạn và được xuất dưới dạng biểu tượng PNG.
Tại sao favicon.ico được bao gồm cũng như các tệp PNG?
Tệp ICO cải thiện khả năng tương thích với các trình duyệt và công cụ cũ hơn, trong khi tệp PNG cung cấp các biểu tượng sắc nét cho các trình duyệt hiện đại, thiết bị Apple và PWA Android.
Công cụ liên quan
Bạn cũng có thể cần
Trình chỉnh sửa hình ảnh
Thay đổi kích thước hình ảnh theo kích thước chính xác. Kích thước đặt trước cho phương tiện truyền thông xã hội, web, v.v. Khóa tỷ lệ khung hình. Bao gồm chuyển đổi định dạng.
Mở công cụTrình chuyển đổi hình ảnh
Chuyển đổi hình ảnh giữa các định dạng JPEG, PNG, WebP và AVIF trực tuyến. Hỗ trợ chuyển đổi hàng loạt.
Mở công cụRounded Corners Image
Round image corners online with a live preview and export transparent PNG, JPG, or WebP results privately in your browser.
Mở công cụNén hình ảnh
Nén hình ảnh JPG, PNG và WebP bằng codec WASM vượt trội. MozJPEG, OxiPNG và libwebp — các tệp nhỏ hơn tới 75%.
Mở công cụHướng dẫn liên quan