Favicon Generator
Generate favicons
Generate favicons Chạy cục bộ trong trình duyệt của bạn
About the
Trình tạo Favicon chụp ảnh, cắt nó thành hình vuông từ giữa và tạo tệp biểu tượng 64 x 64 mà bạn có thể thả vào thư mục gốc của trang web. Việc cắt xén quan trọng hơn vẻ ngoài của nó: các trình duyệt hiển thị favicon thành hình vuông, do đó, một biểu tượng rộng bị ép vào một hình vuông trông có vẻ không ổn, trong khi việc cắt xén ở giữa thường giữ lại phần dễ nhận biết. Hình ảnh được xử lý trên canvas trong trình duyệt của bạn nên không có gì được tải lên.
Where people use the
- Tạo favicon từ logo trước khi khởi chạy trang web.
- Tạo biểu tượng nhanh cho nguyên mẫu hoặc công cụ nội bộ.
- Thay thế biểu tượng giữ chỗ còn sót lại từ mẫu.
- Tạo phiên bản hình vuông của logo rộng để sử dụng trong tab.
How to use the
- 1
Tải lên một hình ảnh
Chọn logo hoặc hình ảnh bạn muốn sử dụng. Hình ảnh nguồn vuông cho kết quả tốt nhất vì không có gì bị cắt bỏ.
- 2
Hãy để nó cắt và thay đổi kích thước
Cạnh ngắn nhất được sử dụng làm hình vuông cắt, lấy từ tâm và kết quả được rút ra là 64 x 64.
- 3
So sánh hai bản xem trước
Bản gốc và biểu tượng được hiển thị cạnh nhau để bạn có thể thấy những gì đã bị cắt bỏ.
- 4
Tải xuống biểu tượng
Lưu tệp dưới dạng favicon.ico và đặt nó vào thư mục gốc của trang web của bạn hoặc tải nó lên bất cứ nơi nào khung của bạn yêu cầu nội dung tĩnh.
Lời khuyên và phương pháp hay nhất
- Tải lên hình ảnh vuông để tránh làm mất các cạnh của logo rộng.
- Cung cấp cho biểu tượng một nền đơn giản nếu nó được hiển thị trên cả tab sáng và tối.
- Tải lại cứng sau khi tải lên; trình duyệt lưu trữ favicon một cách tích cực.
Câu hỏi thường gặp
Tại sao logo của tôi bị cắt?
Bởi vì favicon có hình vuông. Công cụ này lấy hình vuông lớn nhất phù hợp, từ tâm. Hình ảnh nguồn vuông sẽ tránh được việc cắt xén hoàn toàn.
Tôi nên tải lên kích thước nào?
Ít nhất là 64 x 64 và hình vuông nếu có thể. Hình ảnh lớn hơn chỉ được thu nhỏ lại; những cái nhỏ hơn sẽ trông mềm mại.
Tôi có cần nhiều hơn một kích cỡ không?
Đối với hầu hết các trang web, một biểu tượng là đủ vì trình duyệt giảm kích thước biểu tượng 64 pixel cho các tab. Nếu bạn muốn có kết quả sắc nét ở mọi nơi, hãy tạo riêng các phiên bản 16, 32 và 180 pixel.
Tập tin sẽ đi đâu?
Trong thư mục gốc của trang web là favicon.ico, trình duyệt nào yêu cầu theo quy ước. Nếu khung của bạn phục vụ các tệp tĩnh từ một thư mục như công cộng, thay vào đó hãy đặt nó ở đó.
Tại sao tab vẫn hiển thị biểu tượng cũ?
Bởi vì nó được lưu trữ. Tải lại cứng trang hoặc mở nó trong cửa sổ riêng tư và biểu tượng mới sẽ xuất hiện.