Biểu tượng yêu thích cho Wix
Wix lưu trữ biểu tượng yêu thích của bạn trong bảng điều khiển trang web trong Cài đặt > Thông tin trang web > Biểu tượng yêu thích và tự động đưa nó vào mọi trang đã xuất bản. Tải lên hình vuông PNG có kích thước tối thiểu 100×100 pixel — 512×512 là lý tưởng để hiển thị sắc nét. Để được hỗ trợ PWA và apple-touch-icon, người dùng nâng cao có thể thêm mã tùy chỉnh qua Wix Velo. Sử dụng favicon generator để tạo PNG sẵn sàng tải lên từ biểu trưng hoặc nhãn hiệu thương hiệu của bạn.
Biểu tượng yêu thích của bạn là một trong những thành phần thương hiệu dễ thấy nhất trên trang Wix — nó xuất hiện trong tab trình duyệt, thanh dấu trang và lịch sử thanh địa chỉ. Biểu tượng yêu thích sắc nét, dễ nhận biết giúp khách truy cập xác định và quay lại trang Wix của bạn một cách nhanh chóng. Wix tự động xử lý việc chèn favicon sau khi bạn tải hình ảnh lên, do đó bạn không cần tốn nhiều công sức.
Để thêm hoặc thay đổi favicon Wix của bạn, hãy đăng nhập vào bảng điều khiển Wix và điều hướng đến Cài đặt > Thông tin trang web. Cuộn đến phần Favicon (đôi khi được gắn nhãn Biểu tượng trang web hoặc Favicon tab tùy thuộc vào phiên bản Wix của bạn). Nhấp vào khu vực tải lên hoặc hình thu nhỏ của biểu tượng hiện có để mở trình quản lý phương tiện. Tải lên hình vuông XXH8XX của bạn và xác nhận.
Wix khuyến nghị kích thước favicon tối thiểu là 100×100 pixel, nhưng đây là tầng chứ không phải mục tiêu. Để có kết quả sắc nét nhất, hãy tải lên 512×512. Wix giảm tỷ lệ hình ảnh để hiển thị tab và bắt đầu từ nguồn lớn hơn đồng nghĩa với việc giảm chất lượng ở kích thước nhỏ. favicon generator xuất ra kích thước hoàn hảo 512×512 PNG từ bất kỳ logo nào trong vài giây.
Định dạng PNG là lựa chọn tốt nhất để tải lên favicon Wix. Nó hỗ trợ độ trong suốt, đảm bảo biểu tượng của bạn trông rõ ràng trước cả chủ đề trình duyệt sáng và tối mà không có hộp nền màu hoặc trắng. Không cần phải có tệp ICO — Wix chuyển đổi PNG của bạn và phân phát nó với loại MIME chính xác.
Wix Studio (cấp chuyên nghiệp của Wix) đặt cài đặt favicon ở cùng một vị trí trong Cài đặt > Thông tin trang web. Studio cũng cho phép chèn mã tùy chỉnh nâng cao hơn trong phần `<head>` nếu bạn cần favicon SVG hoặc thẻ apple-touch-icon. Điều hướng đến Cài đặt > Mã tùy chỉnh để thêm tập lệnh chính trên các dự án Wix Studio.
Sau khi tải biểu tượng yêu thích của bạn lên trang tổng quan Wix, bạn phải xuất bản lại trang web của mình để thay đổi có hiệu lực. Nhấp vào Xuất bản ở góc trên bên phải của trình chỉnh sửa. Wix truyền bá biểu tượng yêu thích mới trên tất cả các trang trên miền tùy chỉnh của bạn. Những thay đổi được lưu trong trang tổng quan nhưng chưa được xuất bản sẽ không hiển thị cho khách truy cập.
Wix tự động xử lý việc chèn thẻ `<link rel='icon'>` — bạn không cần thêm bất kỳ mã nào. Wix cũng chèn một mục apple-touch-icon cơ bản để lưu vào màn hình chính iOS bằng cách thay đổi kích thước favicon đã tải lên của bạn theo kích thước yêu cầu. Đối với 180×180 apple-touch-icon tùy chỉnh (khác với favicon), hãy sử dụng tính năng chèn mã tùy chỉnh Wix Velo.
Nền trong suốt được Wix giữ nguyên khi bạn tải lên PNG có kênh alpha. Nếu biểu tượng của bạn có nền đồng màu, biểu tượng đó sẽ hiển thị hộp màu trong tab trình duyệt ở chế độ tối. Xuất logo của bạn không có nền trước khi tải lên. Bạn có thể xác minh độ trong suốt có hoạt động chính xác bằng cách sử dụng favicon tester để hiển thị biểu tượng trên cả nền sáng và tối.
Wix Velo (nền tảng phát triển JavaScript trong Wix) cho phép tùy chỉnh favicon nâng cao. Bằng cách sử dụng `wixLocation` và các sự kiện trang của Velo, bạn có thể tự động đưa các thẻ liên kết favicon khác nhau vào mỗi trang. Điều này hữu ích cho các trang web thương mại điện tử có nhãn hiệu dành riêng cho sản phẩm hoặc cho các trang web có nhiều danh mục trong đó mỗi phần sử dụng một biểu tượng khác nhau.
Nếu bạn đang sử dụng mẫu Wix được tạo trước khi Wix giới thiệu hỗ trợ favicon gốc thì cài đặt favicon có thể xuất hiện ở một vị trí khác hoặc hoàn toàn không có. Trong những trường hợp này, hãy sử dụng tính năng chèn mã tùy chỉnh của Wix: Cài đặt > Mã tùy chỉnh > Thêm mã > Đặt mã vào `<head>` của mỗi trang và thêm thẻ `<link rel='icon' href='URL'>` theo cách thủ công cùng với một liên kết đến favicon được lưu trữ của bạn.
Các trang web Wix ADI (Artificial Design Intelligence) tự động đặt một biểu tượng yêu thích từ nội dung thương hiệu của bạn nếu bạn cung cấp chúng trong trình hướng dẫn thiết lập. Bạn có thể ghi đè favicon do ADI chọn bất kỳ lúc nào bằng cách sử dụng đường dẫn Cài đặt > Thông tin trang web > Favicon. Biểu tượng yêu thích do ADI tạo thường là biểu trưng có độ phân giải thấp — nên thay thế chúng bằng biểu tượng được xây dựng có mục đích.
Sau khi xuất bản favicon Wix, hãy mở miền trực tiếp của bạn trong cửa sổ trình duyệt riêng tư/ẩn danh để xem biểu tượng được cập nhật mà không cần bất kỳ bộ đệm trình duyệt cục bộ nào. Nếu biểu tượng yêu thích cũ vẫn hiển thị trong trình duyệt bình thường sau một ngày, thì đó có thể là bộ nhớ đệm của trình duyệt chứ không phải sự cố Wix. Làm mới cứng (Ctrl+Shift+R hoặc Cmd+Shift+R) buộc trình duyệt loại bỏ biểu tượng được lưu trong bộ nhớ đệm.
Đối với các doanh nghiệp muốn hỗ trợ cài đặt PWA trên trang Wix của họ — thêm trang web vào màn hình chính trên thiết bị di động với biểu tượng ứng dụng kích thước đầy đủ và màn hình chờ — Wix đã hạn chế khả năng PWA gốc. Sử dụng tính năng chèn mã tùy chỉnh của Wix để thêm thẻ `<link rel='manifest'>` trỏ đến tệp site.webmanifest được lưu trữ bên ngoài chứa các biểu tượng 192×192 và 512×512 PNG. Xem web app manifest guide để biết cách thiết lập bảng kê khai đầy đủ.
Cách hoạt động
- 1
Tạo biểu tượng yêu thích 512×512 PNG
Sử dụng [favicon generator](tool:favicon-generator) với logo hoặc nhãn hiệu của bạn làm nguồn. Tải xuống 512×512 PNG từ gói — đây là kích thước phù hợp cho Wix.
- 2
Mở Cài đặt > Thông tin trang web
Trong trang tổng quan Wix của bạn (không phải trình chỉnh sửa), hãy điều hướng đến Cài đặt > Thông tin trang web và cuộn xuống để tìm phần Favicon.
- 3
Tải lên PNG của bạn
Nhấp vào khu vực tải lên hoặc hình thu nhỏ biểu tượng yêu thích hiện có, chọn 512×512 PNG từ trình quản lý phương tiện XXH2XX hoặc thiết bị của bạn và xác nhận. Lưu cài đặt.
- 4
Xuất bản trang web của bạn
Nhấp vào nút Xuất bản trong trình chỉnh sửa Wix. Wix chèn thẻ favicon đã cập nhật vào tất cả các trang trên miền tùy chỉnh trực tiếp của bạn.
- 5
Xác minh trong cửa sổ ẩn danh
Mở miền trực tiếp của bạn trong cửa sổ trình duyệt riêng tư/ẩn danh. Favicon mới sẽ xuất hiện trong tab. Sử dụng [favicon tester](utility:favicon-tester) để kiểm tra nhanh bên ngoài.
Thử ngay
Tạo favicon sẵn sàng cho Wix
Tạo FaviconCâu hỏi thường gặp
Cài đặt favicon trong Wix ở đâu?+
Cài đặt > Thông tin trang web > Favicon (nhãn chính xác có thể là 'Tab Favicon' hoặc 'Biểu tượng trang web' tùy thuộc vào phiên bản hoặc mẫu Wix của bạn). Tải lên hình vuông XXH3XX, lưu và nhấp vào Xuất bản để áp dụng nó cho trang web trực tiếp của bạn.
Favicon Wix của tôi nên có kích thước như thế nào?+
Wix yêu cầu tối thiểu 100×100 pixel nhưng khuyến khích sử dụng 512×512 PNG. Bắt đầu từ nguồn lớn hơn đảm bảo Wix có thể giảm mẫu xuống 32×32 (kích thước tab) mà không làm giảm chất lượng rõ ràng.
Tại sao favicon Wix của tôi vẫn hiển thị biểu tượng cũ?+
Đảm bảo bạn đã nhấp vào Xuất bản sau khi tải lên biểu tượng yêu thích mới - các thay đổi đã lưu sẽ không được phát hành trực tuyến cho đến khi được xuất bản. Sau đó, mở trang web của bạn trong cửa sổ riêng tư/ẩn danh để bỏ qua bộ đệm favicon cục bộ của trình duyệt.
Tôi có thể sử dụng favicon SVG trên Wix không?+
Không thông qua bảng Cài đặt gốc - nó chỉ chấp nhận các định dạng raster. Để sử dụng SVG, hãy thêm mã tùy chỉnh `<link rel='icon' type='image/svg+xml' href='URL'>` trong Cài đặt > Mã tùy chỉnh > Mã đầu và lưu trữ SVG bên ngoài.
Wix có tự động thêm apple-touch-icon không?+
Wix chèn apple-touch-icon cơ bản từ hình ảnh biểu tượng yêu thích đã tải lên của bạn. Đối với 180×180 apple-touch-icon tùy chỉnh (tách biệt với favicon tab), hãy chèn thẻ liên kết theo cách thủ công thông qua Wix Velo hoặc Cài đặt > Mã tùy chỉnh.
Biểu tượng yêu thích Wix của tôi vẫn hiển thị biểu tượng Wix mặc định — tôi phải làm gì?+
Lưu biểu tượng yêu thích mới của bạn trong Cài đặt > Thông tin trang web, sau đó nhấp vào Xuất bản trong trình chỉnh sửa. Kiểm tra xem trang web đã được xuất bản lên miền tùy chỉnh của bạn chưa (không chỉ bản xem trước tên miền phụ Wix). Xóa bộ nhớ cache của trình duyệt và thử trong cửa sổ ẩn danh.
Tôi có thể có các favicon khác nhau trên các trang Wix khác nhau không?+
Có, sử dụng Wix Velo. Thêm tính năng chèn mã tùy chỉnh trên mỗi trang hoặc sử dụng sự kiện sẵn sàng cho trang của Velo để cập nhật động phần tử `<link rel='icon'>` dựa trên đường dẫn trang hiện tại.