Trình chỉnh sửa favicon pixel
Vẽ favicon sắc nét từng pixel – từ 16×16 đến 64×64 – hoặc tinh chỉnh ảnh đã nhập, rồi chuyển thành bộ favicon hoàn chỉnh chỉ với một cú nhấp.
Phím tắt & mẹo
- BBút chì
- ETẩy
- GĐổ màu
- IỐng hút màu
- LĐường thẳng
- RHình chữ nhật
- OHình elip
- MDi chuyển ảnh (cuộn vòng)
- XHoán đổi màu chính và màu phụ
- #/Bật/tắt lưới
- Ctrl+ZHoàn tác
- Ctrl+YCtrl+Shift+ZLàm lại
- +-0Phóng to, thu nhỏ, vừa màn hình
- ShiftĐường thẳng, hình vuông và hình tròn chuẩn
- ←→Dịch chuyển ảnh (công cụ Di chuyển)
- EscHủy hình đang vẽ
Nhấp chuột phải để vẽ bằng màu phụ. Trên màn hình cảm ứng, chạm thêm ngón tay thứ hai để hủy nét vẽ hiện tại.
Cách vẽ favicon 16×16 đẹp
Favicon thường chỉ hiển thị ở kích thước 16 hoặc 32 pixel, nên từng pixel đều quan trọng. Vẽ thủ công trên lưới pixel giúp bạn có cạnh sắc nét và toàn quyền kiểm soát – điều mà logo bị thu nhỏ tự động hiếm khi đạt được.
Hãy bắt đầu với canvas 16×16 và giữ thiết kế đơn giản: một chữ cái đậm, một biểu tượng đơn giản hoặc phần dễ nhận biết nhất của logo. Dùng độ tương phản mạnh để biểu tượng vẫn dễ đọc trên cả tab trình duyệt sáng và tối, và xem bản xem trước trực tiếp trong khi vẽ.
Khi đã hài lòng với kết quả, hãy nhấp "Tạo favicon từ hình này". Trình tạo sẽ giữ các pixel sắc nét và tạo favicon.ico, biểu tượng PNG, Apple touch icon và biểu tượng Android từ bản vẽ của bạn.
Mẹo cho favicon pixel art sắc nét
- Dùng từ hai đến bốn màu – quá nhiều sắc độ sẽ trở thành nhiễu ở kích thước nhỏ.
- Chừa lề 1 pixel hoặc tô kín toàn bộ hình vuông; tránh các hình chỉ chạm vào một số cạnh.
- Ưu tiên đường ngang và dọc; đường chéo trông đẹp nhất ở góc 45 độ.
- Dùng chế độ đối xứng cho biểu tượng đối xứng và màu trong suốt cho vùng xuyên thấu.
- Vẽ ở 32×32 hoặc 48×48 nếu biểu tượng nhiều chi tiết – kích thước lớn hơn được dùng trên màn hình độ phân giải cao.