03
GIỮ LẠI
Manifest + biểu tượng touch cho Apple
Tạo manifest.webmanifest với biểu tượng Android maskable và apple-touch-icon-180.png. Thả vào thư mục /public.
RealFaviconGenerator uploads your logo to a server, walks you through a six-step wizard, and emails you a ZIP — sometimes after a delay. Favicon.io does the same in fewer steps but still wants a server round-trip. Adobe Express needs a Creative Cloud account and pitches a $9.99/month upgrade for the same canvas resize. Canva pushes Pro before it'll even export the right sizes. Morph runs the resize loop via Canvas API and writes a real multi-resolution favicon.ico with a pure-JS ICO encoder — directly in your browser tab. Drop a square logo, get the full bundle: 16/32/48 favicon.ico, 180×180 apple-touch, 192×192 and 512×512 Android Chrome, plus the HTML <link> snippet for your <head>. No upload, no email, no account. Free for everything that runs on your device; AI is paid in credits.
PNG, SVG hoặc JPEG vào. Morph rasterize ở mọi kích thước mà trình duyệt và trình khởi chạy hệ điều hành thực sự yêu cầu.
Tệp ICO đa độ phân giải thực sự với các tải trọng PNG 16/32/48 — định dạng mà Windows và trình duyệt cũ vẫn yêu cầu.
Tạo manifest.webmanifest với biểu tượng Android maskable và apple-touch-icon-180.png. Thả vào thư mục /public.
Single ZIP with every size, manifest, and the HTML tags pre-written. Paste into
, ship.Thả một tệp SVG vuông (lý tưởng — nguồn vector đảm bảo kích thước 16×16 vẫn sắc nét), PNG hoặc JPG. Artboard đọc kích thước cục bộ và cảnh báo đầu vào không vuông trước khi xuất.
16, 32, 48, 64, 96, 144, 180 apple-touch, 192 và 512 Android Chrome. Thay đổi kích thước canvas với độ mịn chất lượng bicubic. Nguồn SVG bỏ qua hoàn toàn việc làm mịn raster.
Favicon.ico đa độ phân giải thực (16/32/48 trong một tệp), site.webmanifest cho PWA Chrome trên Android, và đoạn mã <link> để dán vào <head>. Bỏ qua vòng thử nghiệm đoán chừng.
RealFaviconGenerator xếp hạng #1 với quy trình 6 bước, yêu cầu tải lên logo trước khi xem trước một kích thước — và gửi ZIP qua email, đôi khi mất vài phút. Favicon.io có ít bước hơn nhưng vẫn chuyển qua máy chủ của họ. Adobe Express cần tài khoản Creative Cloud và đề xuất nâng cấp $9.99/tháng để có cùng kích thước canvas mà mọi trình duyệt đều hỗ trợ. Canva buộc phải đăng ký và chặn xuất file bằng Pro trước khi có kích thước phù hợp. Genfavicon, Favicon-Generator.org và hàng loạt đối thủ khác bao bọc trang kết quả bằng quảng cáo. macOS Preview không thể tạo ICO. Mô hình lặp lại: tải lên máy chủ là mô hình kinh doanh, quy trình phức tạp là bước tăng giá, logo của bạn là khoản phí. Morph là phiên bản chỉ chạy cục bộ, không tải lên, tất cả ở giá bằng một ly cà phê mỗi năm — và cung cấp ICO đa kích thước thực tế, không phải chỉ một 32×32 đổi tên thành .ico.
Nếu bạn cần các định dạng cũ kỳ lạ — tiles browserconfig.xml của Windows 8, SVG đã được che mask cho tab được ghim trên Safari với màu tùy chỉnh, hoặc tám kích thước precomposed từ iOS 6 — các trình tạo tải lên chuyên dụng có danh sách kiểm tra dài hơn. Đối với web hiện đại (mọi trình duyệt được phát hành từ năm 2018 trở đi) và biểu tượng màn hình chính iOS/Android mà 99% trang web cần, Morph xử lý nó cục bộ chỉ trong hai giây.
Cả hai đều tải logo của bạn lên máy chủ của họ, hướng dẫn bạn qua quy trình nhiều bước, sau đó gửi email hoặc tải xuống ZIP sau khi xử lý máy chủ. Adobe Express cần tài khoản, Canva đẩy lên Pro. Morph thực hiện việc thay đổi kích thước và mã hóa ICO thông qua Canvas + trình viết ICO thuần JS ngay trong trình duyệt của bạn — không tải lên, không email, không cần tài khoản.
Bộ định dạng đầy đủ hiện đại: 16×16 và 32×32 (tab trình duyệt), 48×48 (thẻ trang Windows), 180×180 (apple-touch-icon cho màn hình chính iOS), 192×192 và 512×512 (Android Chrome PWA + manifest), cộng thêm favicon.ico đa độ phân giải chứa 16/32/48 trong một tập tin. Tùy chọn: 64×64, 96×96, 144×144, 256×256.
Có. Gói bao gồm một đoạn mã bạn dán thẳng vào <head>: rel="icon" với kích thước cho SVG/PNG, rel="apple-touch-icon" cho iOS, và tham chiếu manifest.json cho Android Chrome. Bỏ qua vòng thử nghiệm đoán mò.
Square SVG lý tưởng — nguồn vector đảm bảo 16×16 giữ rõ nét mà không có hiện tượng mờ do làm mịn raster. Square PNG ở kích thước 512×512 hoặc lớn hơn cũng hoạt động tốt. Đầu vào không vuông sẽ tự động được căn chỉnh thành hình vuông; độ lệch tỷ lệ khung hình sẽ được báo trước khi xuất. Tránh dùng JPG cho logo có đường nét sắc (lượng hóa JPG làm mờ 16×16).
Có — Safari trên iOS hỗ trợ đầy đủ việc thay đổi kích thước Canvas và mã hóa ICO. Thả một logo, lưu tập tin vào Files. Quá trình tạo chạy cục bộ trên điện thoại của bạn, không bao giờ tiếp xúc với máy chủ.
Nguyên vẹn. Bộ ZIP mới là một tập tin ZIP hoàn toàn mới. Tập tin gốc vẫn ở nơi bạn thả từ đó. Morph không bao giờ chỉnh sửa tập tin nguồn.