Trình tạo Favicon
Biến một hình ảnh đơn giản thành gói biểu tượng favicon và trang web. Kiểm tra xem thiết kế có còn dễ nhận biết ở kích thước nhỏ hay không, tải xuống tệp và làm theo ví dụ cài đặt đi kèm.
Trước khi bạn bắt đầu
- Đầu vào
- Một hình ảnh JPG, PNG hoặc WebP tĩnh.
- Đầu ra
- Một ZIP có các biểu tượng ICO, PNG, một tệp kê khai và ví dụ về HTML.
Đang tải công cụ…
Cách sử dụng công cụ này
- Chọn hình ảnh JPG, PNG hoặc WebP tĩnh.
- Cắt thành hình vuông hoặc thêm phần đệm và kiểm tra các bản xem trước biểu tượng.
- Tải xuống ZIP và điều chỉnh các đường dẫn mẫu cho phù hợp với trang web của bạn.
Hiểu kết quả
Favicon thường xuất hiện ở kích thước rất nhỏ. Một biểu tượng hoặc chữ cái rõ ràng thường hoạt động tốt hơn tác phẩm nghệ thuật chi tiết hoặc văn bản nhỏ. Các tệp đã tạo vẫn cần được tải lên và tham chiếu bởi trang web của bạn.
Chuẩn bị một biểu tượng nhỏ, rõ ràng
Kiểm tra bản xem trước 16 pixel trước khi tải xuống. Đừng mong đợi một dấu chữ rộng hoặc một bức ảnh đầy đủ vẫn có thể đọc được trong một hình vuông nhỏ.
Thử mẫu
Hãy thử mẫu gốc để kiểm tra quy trình làm việc được hỗ trợ. Một mẫu thành công không phải là sự đảm bảo cho mọi đầu vào.
Mẫu ảnh gốc ↓
Nếu kết quả không như bạn mong đợi
Trang web vẫn hiển thị biểu tượng cũ.
Việc tạo tệp không cài đặt chúng. Kiểm tra URL biểu tượng và đánh dấu trang, sau đó xóa bộ đệm trang web và kiểm tra phiên trình duyệt mới. Các biểu tượng trình duyệt và kết quả tìm kiếm có thể cập nhật vào những thời điểm khác nhau.
Công cụ hữu ích tiếp theo: SVG tới PNG →Giới hạn quan trọng
- Chỉ đầu vào hình ảnh; trước tiên hãy chuyển đổi SVG thành PNG.
- Công cụ này không làm thay đổi cấu hình trang web của bạn.
- Kiểm tra trang web của riêng bạn sau khi cài đặt các biểu tượng vì hoạt động của bộ nhớ đệm và nền tảng có thể khác nhau.
- Tối đa 10 MB và 12 triệu pixel. Đầu ra bao gồm các biểu tượng ICO, PNG, một webmanifest và ví dụ HTML trong một ZIP.
Câu hỏi thường gặp
Cái này có cài đặt favicon trên trang web của tôi không?
Không. Nó chuẩn bị các tệp và một ví dụ. Tải tệp lên và cập nhật đường dẫn hoặc cài đặt trang web của bạn.
Gói này có biến trang web của tôi thành PWA không?
Không. Tệp biểu tượng và tệp kê khai web cơ bản chỉ là một phần của quá trình thiết lập ứng dụng web.
Tại sao logo của tôi khó đọc ở kích thước 16 pixel?
Chi tiết nhỏ có thể biến mất ở kích thước đó. Hãy thử một biểu tượng đơn giản hơn, hình dạng mạnh mẽ hơn hoặc có nhiều khoảng trống hơn xung quanh nhãn hiệu.
Hướng dẫn liên quan
Thắc mắc hay đính chính? mrkcal@mrkcal.com