Trình tạo Favicon
Tạo favicon từ hình ảnh hoặc văn bản/emoji. Tạo nhiều kích thước (16x16 đến 256x256) và tải xuống dưới dạng PNG hoặc ZIP. Công cụ trực tuyến miễn phí với kết quả tức thì.
Favicon là gì?
Favicon là một biểu tượng nhỏ hiển thị trong các tab trình duyệt, dấu trang và lịch sử. Nó giúp người dùng nhận diện trang web của bạn trực quan và xây dựng nhận diện thương hiệu.
Tôi cần những kích thước nào?
Các kích thước phổ biến là 16x16 (tab trình duyệt), 32x32 (thanh tác vụ Windows), 48x48 (trang web Windows), 180x180 (biểu tượng cảm ứng Apple) và 256x256 (màn hình độ phân giải cao). Công cụ này tạo ra tất cả các kích thước phổ biến.
Làm thế nào để thêm favicon vào trang web của tôi?
Thêm <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> vào phần <head> của HTML cho mỗi kích thước. Đối với thiết bị Apple, thêm <link rel="apple-touch-icon" href="/apple-touch-icon.png">.
Những định dạng hình ảnh nào được hỗ trợ?
PNG là định dạng được hỗ trợ rộng rãi nhất cho favicon. Công cụ này tạo ra các tệp PNG. Trình duyệt hiện đại cũng hỗ trợ favicon SVG, nhưng PNG có khả năng tương thích tốt hơn trên tất cả các trình duyệt và thiết bị.
Tôi có thể tạo favicon từ văn bản hoặc emoji không?
Có, bạn có thể tạo favicon từ văn bản, chữ cái hoặc emoji. Chỉ cần nhập văn bản hoặc emoji của bạn, tùy chỉnh phông chữ, màu sắc và nền, sau đó tạo favicon.
Sự khác biệt giữa favicon.ico và favicon.png là gì?
Favicon.ico là định dạng cũ có thể chứa nhiều kích thước trong một tệp. Favicon.png là định dạng hiện đại với chất lượng tốt hơn và hỗ trợ độ trong suốt. Hầu hết các trang web hiện đại sử dụng định dạng PNG.
Tôi có cần favicon cho trang web của mình không?
Có, favicon rất cần thiết cho nhận diện thương hiệu và trải nghiệm người dùng. Chúng xuất hiện trong các tab trình duyệt, dấu trang và kết quả tìm kiếm, giúp người dùng nhận diện trang web của bạn nhanh chóng.
Tôi có thể sử dụng nền trong suốt cho favicon của mình không?
Có, định dạng PNG hỗ trợ độ trong suốt. Bạn có thể tạo favicon với nền trong suốt, hoạt động tốt trên cả chủ đề trình duyệt sáng và tối.
Biểu tượng cảm ứng Apple là gì?
Biểu tượng cảm ứng Apple là một biểu tượng lớn hơn (180x180) được sử dụng khi người dùng thêm trang web của bạn vào màn hình chính iOS. Nó cung cấp trải nghiệm hình ảnh tốt hơn so với ảnh chụp màn hình mặc định.
Làm thế nào để tạo favicon cho Progressive Web App (PWA)?
Đối với PWA, bạn cần nhiều kích thước biểu tượng được tham chiếu trong tệp manifest.json của mình. Bao gồm các biểu tượng 192x192 và 512x512, cộng với biểu tượng có thể che cho biểu tượng thích ứng Android.
Tôi có thể tải lên hình ảnh của mình không?
Có, bạn có thể tải lên hình ảnh PNG, JPG hoặc SVG. Công cụ sẽ tự động thay đổi kích thước và tối ưu hóa chúng cho tất cả các kích thước favicon.
Công cụ này có miễn phí không?
Có, trình tạo favicon này hoàn toàn miễn phí. Không cần đăng ký, không có watermark và sử dụng không giới hạn.
Điều gì tạo nên một favicon tốt?
Một favicon tốt đơn giản, có thể nhận diện ở kích thước nhỏ, sử dụng màu sắc tương phản và đại diện cho thương hiệu của bạn. Tránh các chi tiết phức tạp trở nên không rõ ràng khi thu nhỏ xuống 16x16 pixel.
Làm thế nào để kiểm tra favicon của tôi?
Sau khi thêm favicon vào trang web của bạn, xóa bộ nhớ cache của trình duyệt và tải lại trang. Favicon sẽ xuất hiện trong tab trình duyệt. Bạn cũng có thể kiểm tra dấu trang và lịch sử để xem biểu tượng.
Cách sử dụng Trình tạo Favicon
Tạo favicon từ ảnh hoặc từ chữ và emoji với kích thước từ 16x16 đến 256x256 ngay trong trình duyệt. Mọi thứ được xử lý cục bộ, không có dữ liệu nào được tải lên.
- Chọn chế độ nguồn: Image để dùng ảnh của bạn, hoặc Text / Emoji để vẽ một ký tự trên nền màu.
- Ở chế độ Text / Emoji, nhập chữ hoặc emoji vào ô Text rồi chọn Font và Weight, ví dụ Bold hoặc Black.
- Đặt màu nền ở BG; nếu muốn bo góc, bật Rounded và điều chỉnh giá trị Radius.
- Tạo các kích thước, xem trước kết quả rồi tải favicon về dưới dạng PNG hoặc ICO.
Hãy giữ biểu tượng tab 16x16 thật đơn giản: một chữ in đậm hoặc một emoji vẫn dễ nhận biết ở kích thước nhỏ nhất.
Công cụ liên quan
- Máy tính Chmod Máy tính chmod trực tuyến miễn phí để trực quan hóa và tính toán quyền tệp Linux với hộp kiểm. Chuyển đổi ngay lập tức giữa ký hiệu số (755, 644) và tượng trưng (rwxr-xr-x). Hỗ trợ quyền đặc biệt như setuid, setgid, sticky bit.
- Bảng ASCII Tham khảo mã hóa ký tự ASCII đầy đủ với mã thập phân, thập lục phân, bát phân, nhị phân, thực thể HTML và mô tả ký tự. Tìm kiếm và lọc tức thì.
- Trình kiểm tra yêu cầu HTTP Kiểm tra API REST trực tiếp trong trình duyệt. Gửi yêu cầu GET, POST, PUT, DELETE với header, body và tham số tùy chỉnh. Xem trạng thái, header và body JSON phản hồi ngay lập tức.
- Trình tạo .htaccess Tạo quy tắc .htaccess Apache cho chuyển hướng, viết lại, tiêu đề bảo mật, bộ nhớ đệm và hơn thế nữa.
- Trình tạo Robots.txt Trình tạo robots.txt trực tuyến miễn phí. Tạo và tùy chỉnh tệp robots.txt để kiểm soát việc thu thập dữ liệu của công cụ tìm kiếm, quản lý quyền truy cập của trình thu thập và tối ưu hóa SEO cho trang web của bạn.
- Trình tạo Sitemap Trình tạo sitemap XML trực tuyến miễn phí. Thêm URL, đặt mức ưu tiên và tần suất, tạo sitemap SEO ngay lập tức.
- GIF Tách Khung Hình Trích xuất và tải xuống khung hình riêng lẻ từ hoạt ảnh GIF dưới dạng PNG hoặc sprite sheet. Công cụ trực tuyến miễn phí với xem trước và xuất ZIP.
- GIF Đảo Ngược Đảo ngược thứ tự phát hoạt ảnh GIF trực tuyến miễn phí. Tải lên, xem trước và tải xuống ngay lập tức.