Công cụ95

TẠO RA ĐIỀU TUYỆT VỜI

Trình tạo Favicon / ICO.

Tạo favicon từ hình ảnh hoặc văn bản. Xem trước tab trình duyệt, sử dụng phông chữ hệ thống và tải xuống tệp ICO đa kích thước hoặc tệp ZIP chứa các biểu tượng cho trang web, Apple và Android.

Quảng cáo
Không gian làm việc hình ảnh của bạn
Trên thiết bị của bạn
hoặc kéo và thả vào đây
PNG, JPG, JPEG, WEBP, GIF
Chọn hình ảnh của bạn để bắt đầu.ẢNH
Quảng cáo
Blog Cách tạo favicon Đọc hướng dẫn

Tạo favicon luôn rõ nét ở mọi kích thước

Biến logo, hình ảnh hoặc chữ lồng ngắn thành favicon trang web. Xem trước các tab trình duyệt sáng và tối, tinh chỉnh khung hình và tải xuống ICO đa kích thước hoặc tệp ZIP chứa các biểu tượng và tệp cài đặt sẵn sàng cho trang web.

Một dấu hiệu rõ ràng trở thành biểu tượng trình duyệt, dấu trang và trang web di động.
VIDEO HƯỚNG DẪN NHANH How to create a favicon and website icon package Choose an image, preview browser icons, set the website package and download all icon files in one ZIP. Thuyết minh tiếng Anh Xem video

How to create a favicon and website icon package

Tính năng và điều khiển

Bắt đầu với một hình ảnh hoặc tên viết tắt của bạn

Tải lên một hình ảnh hoặc chọn Văn bản trên trang công cụ.

Đầu vào hình ảnh và văn bản

Hình ảnh chấp nhận PNG, JPG, JPEG, WebP hoặc GIF. Văn bản mở cùng một trình chỉnh sửa với các chữ cái của bạn sẵn sàng để tạo kiểu. Tạo từ cho phép bạn chuyển đổi giữa hình ảnh đã tải lên và chữ lồng. Sử dụng một hoặc hai ký tự đơn giản để có kết quả rõ ràng nhất ở 16 pixel. Đầu vào GIF sử dụng một khung hình tĩnh; kết quả không phải là hoạt ảnh.

Đánh giá biểu tượng nơi nó sẽ xuất hiện

Các bản xem trước trình duyệt sáng và tối hiển thị cùng một biểu tượng trên các bề mặt khác nhau.

Xem trước kích thước thực

Trình chỉnh sửa hiển thị bản xem trước tab trình duyệt 16 pixel, các biểu tượng 16, 32 và 48 pixel riêng biệt, và bản xem trước Apple Touch. Các biểu tượng nhỏ tiết lộ các chi tiết biến mất khi logo lớn bị thu nhỏ. Đơn giản hóa nguồn hoặc thêm khoảng trống xung quanh nó cho đến khi bản xem trước nhỏ nhất có thể nhận dạng được. Hình ảnh Apple Touch được hiển thị nhỏ hơn kích thước 180 pixel đã xuất của nó.

Tạo hình bóng rõ ràng cho tác phẩm của bạn

Chọn hình vuông bo tròn, hình vuông hoặc hình tròn và điều chỉnh khoảng trống xung quanh nội dung.

Vừa vặn, khoảng cách và độ trong suốt

Hiển thị toàn bộ hình ảnh giữ tất cả các cạnh nguồn bên trong biểu tượng. Lấp đầy biểu tượng bao phủ khu vực khả dụng và có thể cắt các cạnh. Khoảng cách xung quanh nội dung điều chỉnh phần đệm từ 0 đến 35 phần trăm. Chọn Nền hoặc bật Nền trong suốt. Các pixel trong suốt bên ngoài hình bóng bo tròn hoặc hình tròn vẫn rõ ràng. Điều này không xóa nền mờ đục đã có sẵn trong hình ảnh bạn đã tải lên.

Tạo chữ lồng riêng biệt

Đặt các chữ cái, phông chữ và màu sắc tương phản.

Kiểu văn bản

Văn bản / chữ lồng hỗ trợ tối đa ba ký tự với các kiểu Modern sans, Classic serif và Monospace đi kèm. Trên các trình duyệt máy tính để bàn được hỗ trợ, hãy chọn Sử dụng phông chữ hệ thống và cho phép truy cập phông chữ để điền vào danh sách Phông chữ với các họ phông chữ được cài đặt trên thiết bị của bạn. Chọn một họ phông chữ để cập nhật bản xem trước trực tiếp, hoặc sử dụng các dấu mũi tên trước và sau để so sánh các phông chữ lân cận. Tên và tệp phông chữ không được tải lên. Văn bản tự động vừa với không gian khả dụng. Xem trước các kích thước biểu tượng nhỏ nhất sau khi thay đổi phông chữ hoặc màu sắc.

Chọn ICO hoặc gói trang web hoàn chỉnh

Một hành động Bắt đầu tạo ra tệp tải xuống đã chọn.

Tệp và kích thước

ICO đa kích thước bao gồm các hình ảnh 16, 24, 32, 48, 64, 128 và 256 pixel trong một tệp favicon.ico. Gói biểu tượng trang web tạo ra một tệp ZIP chứa ICO, PNG biểu tượng ở kích thước 16, 32 và 48 pixel, một biểu tượng Apple Touch ở 180 pixel, các biểu tượng Android ở 192 và 512 pixel, một tệp manifest web và INSTALL.txt. Tên trang web cung cấp tên cho manifest.

Cài đặt biểu tượng trên trang web của bạn

Tệp ZIP bao gồm các thẻ liên kết HTML và tên tệp tương ứng.

Sử dụng các tệp cài đặt

Tải nội dung gói lên thư mục gốc của trang web và sao chép các thẻ liên kết từ INSTALL.txt vào phần đầu trang. Nếu bạn giữ các biểu tượng trong một thư mục con, hãy cập nhật các đường dẫn HTML và các đường dẫn bên trong site.webmanifest. Xóa bộ nhớ đệm favicon hoặc kiểm tra trong tab mới khi kiểm tra cập nhật. Manifest được tạo là cấu hình biểu tượng, không phải là cài đặt đầy đủ của một ứng dụng web tiến bộ (PWA).

Tệp và xử lý

Đầu vào
PNG, JPG, JPEG, WebP, GIF hoặc một chữ lồng văn bản
Đầu ra
Một tệp ICO đa kích thước, hoặc một tệp ZIP chứa các biểu tượng trang web và tệp cài đặt

Tối đa 25 MB mỗi tệp. Một tệp đầu vào mỗi lần chạy.

Một hình ảnh lên đến 25 MB, với tối đa 60 megapixel và 16,000 pixel mỗi cạnh. Các kích thước ICO dao động từ 16 đến 256 pixel; tệp PNG lớn nhất được đóng gói là 512 × 512 pixel.

Việc tạo biểu tượng và xem trước diễn ra trên thiết bị của bạn. Công cụ này không tải hình ảnh đã chọn lên để chuyển đổi.

Công cụ này xử lý và xuất tệp ngay trong trình duyệt của bạn. Hình ảnh tải xuống là một tệp riêng biệt; tệp nguồn trên thiết bị của bạn không bị ghi đè.

Làm mới trình chỉnh sửa hoặc trang tải xuống sẽ đưa bạn trở lại trang công cụ. Tải xuống kết quả trước khi bắt đầu quy trình làm việc mới. Xem Chính sách bảo mật của chúng tôi về cách xử lý tệp.

Câu hỏi thường gặp

Thông tin hữu ích.

Một vài câu trả lời trước khi bạn bắt đầu.

Trên thiết bị của bạn
Tôi có thể tạo favicon mà không cần tải lên logo không?

Có. Chọn Văn bản, nhập tên viết tắt của bạn, sau đó chọn phông chữ, màu sắc, hình dạng và khoảng cách trong trình chỉnh sửa.

Những kích thước nào có trong tệp ICO?

Tệp ICO chứa bảy khung hình dựa trên PNG: 16, 24, 32, 48, 64, 128 và 256 pixel vuông. Trình duyệt sẽ chọn khung hình phù hợp.

Những gì được bao gồm trong tệp ZIP trang web?

Nó chứa favicon.ico, sáu biểu tượng PNG cho trình duyệt, Apple và Android, site.webmanifest và INSTALL.txt với các thẻ liên kết HTML.

Favicon của tôi có thể có nền trong suốt không?

Có. Bật Nền trong suốt. Điều này bảo toàn các vùng trong suốt xung quanh nguồn; nó không loại bỏ nền mờ đục khỏi ảnh.

Hình ảnh có được tải lên để chuyển đổi không?

Không. Công cụ này tạo và đóng gói các tệp biểu tượng ngay trong trình duyệt của bạn. Hãy giữ các tệp đã tải xuống vì trình chỉnh sửa không phải là nơi lưu trữ dự án vĩnh viễn.

Tôi có thể sử dụng phông chữ đã cài đặt trên máy tính của mình không?

Có, khi trình duyệt của bạn hỗ trợ truy cập phông chữ cục bộ. Chọn Văn bản / chữ lồng, chọn Sử dụng phông chữ hệ thống và cấp quyền cho trình duyệt. Các họ phông chữ khả dụng của bạn sẽ xuất hiện trong danh sách Phông chữ. Các kiểu đi kèm vẫn có thể sử dụng nếu quyền bị từ chối hoặc không có quyền truy cập phông chữ cục bộ.

Quảng cáo

Ngôn ngữ38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Chọn ngôn ngữ của bạn. Các video hướng dẫn hiện sử dụng lời dẫn bằng tiếng Anh.