cv.cm
Tất cả bài học

Ảnh

Cách làm favicon

Favicon phải đọc được ở 16 pixel. Cắt dấu thành vuông, chọn Cover hay Contain, tải ICO cho tab cổ điển và zip PNG cho icon chạm.

7 phút

Kết quả hôm nay favicon.ico (16/32/48) và zip PNG (gồm 180/192/512) vẫn đọc được cỡ tab.

Có dấu trên đĩa thì mở favicon. Cover lấp ô vuông, có thể cắt. Contain để lề. Nền trắng bật sẵn. Không tải lên.

Mở Tạo favicon
Trong buổi này

  1. Chọn dấu nhỏ vẫn đọc được

    Ảnh rối chết ở 16 pixel. Một chữ, hình đơn hoặc logo tương phản cao mới được. Khung rộng thì crop chủ thể trước.

    Cover lấp ô, có thể cắt. Contain giữ cả dấu, có lề.
    Cover lấp ô, có thể cắt. Contain giữ cả dấu, có lề.

  2. Mở favicon trên cv.cm

    Làm trong tab này.

    Mở Tạo favicon

  3. Thả ảnh

    Xem trước trống thì đổi HEIC sang JPG trước.

  4. Chọn Cover hay Contain, và nền trắng

    Cover lấp ô vuông, có thể cắt. Contain giữ cả dấu, có lề. Tab cổ điển để nền trắng. Cần PNG trong thì tắt.

  5. Tải ICO và zip PNG

    ICO gồm 16, 32, 48 cho tab cổ điển. Zip còn 180, 192, 512 cho Apple touch và PWA. Giữ dấu gốc.

    ICO là 16/32/48. Zip PNG thêm 180/192/512. Xem file 16px.
    ICO là 16/32/48. Zip PNG thêm 180/192/512. Xem file 16px.

  6. Mở PNG 16 pixel

    Xem trước 256 nói dối. File 16px mờ thì đơn giản hóa dấu hoặc đổi Contain. Đặt favicon.ico ở gốc site và link PNG trong HTML.

Dùng với các công cụ này

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

Làm favicon miễn phí online được không?

Được. Vẽ trong tab này, không tải lên.

ICO có cỡ nào?

PNG 16, 32 và 48 pixel đóng trong một favicon.ico.

Cần thêm Apple touch icon?

Zip PNG có 180, 192, 512. Link trong HTML cho icon màn hình chính.

Có tải lên không?

Không. Đóng tab là mất.

Giữ nền trong được không?

Được. Tắt nền trắng. Contain sẽ để lề trên nền trong.