PixoateTrình tạo Favicon - Tạo tất cả kích thước favicon từ hình ảnh
Tải lên bất kỳ ảnh nào và nhận ngay bộ favicon đầy đủ: một tệp favicon.ico nhiều độ phân giải cùng các tệp PNG 16, 32, 48, 180 (Apple), 192 & 512 (PWA) và site.webmanifest, đóng gói thành một tệp ZIP.
Thả logo của bạn để tạo mọi kích thước favicon
Bao gồm favicon.ico, site.webmanifest + đoạn mã HTML
Xong với Tạo favicon? Hãy thử tiếp các công cụ này
Những công cụ được chọn lọc kết hợp tốt với Trình Tạo Favicon. Tiếp tục làm việc mà không mất tệp của bạn.
Trình chuyển đổi ICO
Chuyển PNG / JPG / SVG thành biểu tượng .ico đa độ phân giải cho Windows (16 / 32 / 48 / 64 / 128 / 256 px và hơn nữa).
Dùng thử ngaySVG sang PNG
Chuyển bất kỳ tệp SVG nào thành PNG sắc nét ở tỷ lệ 1x–8x với nền trong suốt, trắng hoặc tùy chỉnh.
Dùng thử ngayPNG sang WebP
Chuyển PNG sang WebP và giảm dung lượng tệp 60–80% trong khi giữ lại từng điểm ảnh trong suốt. Thanh điều chỉnh chất lượng, tùy chọn không mất dữ liệu.
Dùng thử ngayẢnh sang nhãn dán
Biến bất kỳ ảnh nào thành sticker kiểu in ấn với tính năng xóa nền bằng AI và viền trắng tùy chỉnh. Hoàn hảo cho WhatsApp, Telegram, iMessage.
Dùng thử ngayThay đổi kích thước ảnh
Đổi kích thước ảnh JPG, PNG, GIF, WebP hoặc SVG theo chiều rộng và chiều cao chính xác, hoặc thu phóng theo phần trăm — đổi kích thước một ảnh hoặc hàng loạt cùng lúc rồi tải về dưới dạng ZIP. Xem trước trực tiếp, giữ tỷ lệ khung hình và chất lượng. Miễn phí, không cần đăng ký, không hình mờ.
Dùng thử ngayTrình chọn màu
Chọn màu của bất kỳ điểm ảnh nào từ một ảnh (HEX / RGB / HSL) hoặc tự động trích xuất bảng màu chủ đạo. Xuất ra dưới dạng JSON hoặc biến CSS.
Dùng thử ngayFrequently Asked Questions
Với các trình duyệt và thiết bị hiện đại, bạn cần sáu kích thước: 16×16 và 32×32 cho tab trình duyệt, 48×48 cho biểu tượng trang web Windows, 180×180 cho Apple touch icon (màn hình chính iOS), và 192×192 + 512×512 cho màn hình chính Android và lời nhắc cài đặt PWA. Trình tạo của chúng tôi tạo ra cả sáu kích thước cùng một file site.webmanifest từ một ảnh nguồn duy nhất.
usageHầu hết trình duyệt hiện đại ưu tiên thẻ link PNG (rel="icon" type="image/png"), nên không còn cần file ICO nữa. Chúng tôi bỏ qua ICO cũ và cung cấp favicon PNG với kích thước chính xác cho mọi mục tiêu hiện đại. Nếu bạn buộc phải hỗ trợ Internet Explorer hoặc Chrome rất cũ, bạn có thể chuyển một trong các file PNG sang ICO riêng.
technicalMột web app manifest là một tệp JSON cho Android, Chrome và Edge biết trang web của bạn nên trông như thế nào khi được cài đặt dưới dạng ứng dụng web tiến bộ (PWA) — biểu tượng, tên, màu chủ đề và chế độ hiển thị. Trình tạo của chúng tôi bao gồm một manifest khởi đầu trỏ tới các biểu tượng Android Chrome; bạn chỉ cần chỉnh sửa tên và theme_color.
featuresMột ảnh PNG vuông (1:1) ở kích thước 512×512 trở lên cho kết quả sạch nhất ở mọi kích cỡ. Tránh các chi tiết nhỏ sẽ biến mất ở 16×16 — favicon hoạt động tốt nhất với một hình khối đậm đơn giản và độ tương phản cao. PNG nền trong suốt vẫn dùng được; công cụ thêm viền để biểu tượng nằm chính giữa ở mọi kích cỡ.
tipsYour source image is uploaded over HTTPS to our secure server, which renders every favicon size and the site.webmanifest and returns them as a ZIP, then deletes the upload automatically after processing. Downloads have no watermark and nothing is stored or shared, so it stays safe for unreleased products and pre-launch brand identities.
privacyGiải nén tệp tải về vào thư mục /public (hoặc thư mục gốc web) của trang web, sau đó thêm đoạn mã HTML kèm theo vào <head>: các thẻ link cho biểu tượng PNG cùng một liên kết tới site.webmanifest. Hãy làm mới cứng trang web (Cmd+Shift+R) — trình duyệt lưu cache favicon rất mạnh, nên bạn có thể cần xóa cache để biểu tượng mới hiển thị.
usageCó — các tệp PNG 192×192 và 512×512 chính là thứ Chrome và Edge tìm kiếm để công nhận một trang là PWA có thể cài đặt. Cùng với tệp manifest, chúng đáp ứng bài kiểm tra khả năng cài đặt PWA của Lighthouse.
technicalCó. Không watermark, không đăng ký, không giới hạn sử dụng — và file ZIP là của bạn mãi mãi. Chúng tôi thêm công cụ này vì rốt cuộc lập trình viên nào cũng cần một bộ favicon, mà các trình tạo hiện có thì hoặc ngập tràn quảng cáo hoặc bắt bạn trả tiền cho bản xuất độ phân giải cao.
pricingFavicon là biểu tượng nhỏ mà trình duyệt hiển thị bên cạnh tiêu đề trang trên tab, trong dấu trang và trong lịch sử. Nó cũng được dùng làm biểu tượng khi ai đó thêm trang web của bạn vào màn hình chính điện thoại hoặc cài đặt nó như một ứng dụng. Tải logo lên đây và bộ tạo sẽ tạo ra đầy đủ các kích thước favicon cùng một site.webmanifest trong một tệp ZIP.
usageYes — the uploader accepts PNG, JPEG, WebP and SVG source files, not just PNG. SVG is worth using if you have it: because it's vector, every output size from 16 up to 512 is rendered fresh from the vector data instead of being scaled up from a raster, so edges stay crisp even at 512×512. JPEG and WebP work fine too, though you should flatten any transparency onto a background first since JPEG can't hold an alpha channel.
technicalHow Favicon Generator helps you get it done
Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start in seconds.
Ra mắt sản phẩm indie hacker
Nhà sáng lập đơn lẻ đang ra mắt MVP cần một favicon chỉn chu trước khi phát hành. Tạo mọi kích thước từ một ảnh logo duy nhất cùng tệp manifest chỉ bằng một cú nhấp — không cần Figma, không cần gói thiết kế trả phí.
Thiết lập khách hàng cho agency
Khi bàn giao một trang web mới cho khách hàng, bộ favicon hiếm khi được tính vào ngân sách nhưng luôn được kỳ vọng. Hãy tạo tệp ZIP vào cuối dự án, thả nó vào /public và đánh dấu hoàn thành sản phẩm bàn giao.
Khả năng cài đặt PWA
Để vượt qua kiểm tra khả năng cài đặt của Chrome, tệp manifest của bạn cần các biểu tượng 192×192 và 512×512. Đầu ra của chúng tôi đáp ứng yêu cầu đó ngay từ đầu, cùng với các thẻ HTML head tương ứng.
Không gian làm việc đa thương hiệu
Các agency và chuyên viên tư vấn quản lý nhiều thương hiệu khách hàng có thể tạo lại bộ favicon trong 10 giây mỗi khi thương hiệu đổi mới — không cần duy trì một action Photoshop.
Xây Dựng Thương Hiệu Dự Án Mã Nguồn Mở
Các trang trên GitHub Pages, Vercel, Netlify và Cloudflare Pages đều cần favicon để trông chỉn chu trên tab trình duyệt. Hãy thả các file đã tạo vào kho lưu trữ của bạn và dự án của bạn trông như đã hoàn thiện.
Làm mới thương hiệu
Khi logo của bạn thay đổi, hãy tạo lại mọi kích thước cần thiết — bao gồm biểu tượng Apple touch 180px và biểu tượng Android PWA 512px — mà không cần xuất lại thủ công từ Illustrator.
Icons for a Browser Extension Manifest
Grab the 16, 32 and 48px PNGs straight out of the ZIP for your manifest.json icons object — a fast way to get compliant extension icons without exporting each size by hand in a design tool.
Fill the Favicon Gap on No-Code Sites
Webflow, Framer and Wix rarely generate a full favicon set on their own; upload your logo here and paste the resulting sizes and HTML snippet into the site's custom-code or SEO settings panel in minutes.
Give a Hobby Blog a Finished Look
Personal blogs on Ghost, Jekyll or Hugo often ship with no favicon at all; generate the full set from a headshot or hand-drawn logo so the browser tab looks intentional instead of blank.
Fix the Favicon Flagged in an SEO Audit
Một favicon bị thiếu hoặc lỗi là dấu hiệu thường gặp trong báo cáo của Lighthouse và các trình thu thập SEO, và nó âm thầm làm giảm tỷ lệ nhấp trong kết quả tìm kiếm cũng như dấu trang. Hãy tạo lại toàn bộ bộ biểu tượng chỉ với một lần tải lên và xử lý dứt điểm vấn đề đó ngay hôm nay.