Chuyển WebP sang ICO

WebP trở thành định dạng ảnh mặc định của một phần lớn web sau khi Google giới thiệu năm 2010; WordPress chấp nhận tải lên WebP từ phiên bản 5.8 năm 2021, và nhiều CDN ảnh chuyển mọi PNG họ phục vụ sang WebP. Vì vậy khi tìm logo của mình, bản bạn có thường là .webp, còn các công cụ tạo favicon, Windows và một số bảng điều khiển hosting không nhận định dạng này.

Định dạng ICO giải quyết một vấn đề khác với WebP. Thay vì một ảnh nén, nó gói nhiều bitmap vuông, và trình duyệt hoặc hệ điều hành chọn kích thước cần dùng: 16 px cho tab, 32 px cho thanh tác vụ hoặc thanh dấu trang, các kích thước lớn hơn cho lối tắt trên màn hình nền và màn hình mật độ cao. Việc chuyển đổi tạo các kích thước đó từ WebP của bạn trong một lần.

Hãy giữ lại tệp WebP cho logo ở đầu trang. Hai tệp phục vụ hai vị trí khác nhau, và việc chuyển đổi không thay đổi tệp gốc.

Đặt favicon.ico ở thư mục gốc để truy cập được tại yoursite.com/favicon.ico. Khai báo trong phần head của trang bằng <link rel="icon" href="/favicon.ico" sizes="any"> giúp chỉ định rõ ràng, và CMS như WordPress có ô Biểu tượng trang riêng để tự ghi các thẻ đó.

Còn hai biểu tượng nữa để hoàn chỉnh bộ. iPhone và iPad dùng apple-touch-icon, một PNG 180 × 180 px, khi ai đó thêm site vào màn hình chính; hãy tạo bằng WebP sang PNG và hướng dẫn cắt ảnh của chúng tôi. Google Search yêu cầu favicon vuông có kích thước là bội số của 48 px, nên PNG 96 hoặc 144 px liên kết từ trang chủ cũng đáp ứng kết quả tìm kiếm. Trình duyệt lưu đệm favicon rất lâu; hãy mở trang trong cửa sổ riêng tư để thấy biểu tượng mới ngay.