Cách tạo favicon từ một hình ảnh

Favicon là hình ảnh tí hon mà trình duyệt hiển thị trên tab, trong mục đánh dấu và trong lịch sử, bên cạnh tên trang web của bạn. Định dạng truyền thống là ICO, một tệp biểu tượng nhỏ mà hầu hết trình duyệt nhận ra mà không cần thiết lập thêm.

Một favicon tốt cần hai điều: nó phải gần như vuông, và vẫn rõ ràng khi thu nhỏ bằng kích thước móng tay. Đó là lý do favicon thường là một chữ cái đậm, một biểu tượng logo, hoặc một hình đơn giản, thay vì một bức ảnh chi tiết.

Nếu bạn đã có logo hình vuông, việc chuyển đổi chỉ mất một bước:

• Mở công cụ chuyển PNG sang ICO và thả hình ảnh của bạn vào.
• Để nó chuyển đổi, rồi tải tệp .ico xuống.
• Thêm vào trang web của bạn với tên favicon.ico, hoặc tham chiếu đến nó từ HTML.

Bắt đầu từ định dạng khác? Hãy dùng công cụ chuyển JPG sang ICO cho ảnh chụp hoặc logo phẳng, hoặc chuyển SVG sang ICO nếu hình của bạn là vector: nguồn vector là lý tưởng vì nó được vẽ sắc nét ở bất kỳ kích thước nào biểu tượng cần. Mọi quá trình chuyển đổi đều chạy trên trình duyệt của bạn, nên hình ảnh không bao giờ bị tải lên.

Biểu tượng chỉ có thể rõ nét bằng đúng chất lượng của hình ảnh bạn đưa vào. Nếu hình ảnh của bạn không vuông, hãy cắt thành hình vuông trước trong trình chỉnh sửa ảnh để công cụ chuyển đổi không phải đoán: căn giữa phần quan trọng và cắt bỏ phần còn lại. Hãy đơn giản hóa hình ảnh phức tạp thành một hình hoặc chữ cái nổi bật duy nhất, vì chi tiết nhỏ sẽ nhòe đi ở kích thước favicon.

Nếu logo của bạn tồn tại dưới dạng vector, hãy giữ nó ở định dạng SVG càng lâu càng tốt và chuyển sang ICO sau cùng: vector luôn sắc nét vì được kết xuất đúng kích thước pixel thay vì phóng to từ một ảnh bitmap nhỏ. Để biết thêm về cách chuyển vector sang ảnh bitmap một cách sắc nét, hãy xem chuyển SVG sang PNG mà không mất chất lượng.