Hiển thị biểu tượng trong Safari Ghim tab

Như bạn có thể thấy ở trên, một số tab được ghim của tôi hiển thị các biểu tượng chính thức (khoanh tròn màu vàng), trong khi các tab khác được ghim bằng các chữ cái đầu tiên của tiêu đề trang web tương ứng (khoanh đỏ).

Trang web cá nhân của tôi là www.saphryn.com, được ghim ở phía bên trái. Tôi nên điều chỉnh gì để logo của tôi hiển thị trong pin?

Những lưu ý có thể giúp:

• Trang web của tôi được phát triển trên nền tảng Wix.
• Như được hiển thị trong ảnh chụp màn hình bên dưới, logo / biểu tượng của tôi hiển thị trong tìm kiếm gợi ý trong omnibar Safari.
• Safari hiển thị chữ cái đầu tiên của bất kỳ tên trang web nào nếu không có logo tương ứng với trang web khi ghim nó.
• Nếu tầm nhìn được đánh dấu (trái ngược với ghim), Safari sẽ ưu tiên chữ cái đầu tiên của tiêu đề dấu trang so với tên trang web thực tế.

Có ý kiến ​​gì không?

Tạo biểu tượng tab đã ghim

Trang web được ghim cho phép người dùng của bạn mở các trang web yêu thích của họ,   chạy, và dễ dàng truy cập. Bạn có thể đặt biểu tượng mà người dùng   nhìn thấy khi họ ghim trang web của bạn bằng cách cung cấp một hình ảnh vector.

Cung cấp hình ảnh Vector

Sử dụng 100% màu đen cho tất cả các vectơ có nền trong suốt trong SVG   định dạng và thêm đánh dấu sau vào tất cả các trang web có biểu tượng   phải đại diện (thay thế "website_icon" bằng tên tệp của riêng bạn).

<link rel="mask-icon" href="website_icon.svg" color="red">

Trong ví dụ này, thuộc tính color đặt màu hiển thị của   hình ảnh. Thuộc tính đó có thể chỉ định một màu với hệ thập lục phân   giá trị (# 990000), giá trị RGB (rgb (153, 0, 0)) hoặc được công nhận   từ khóa màu, chẳng hạn như: đỏ, vôi hoặc hải quân.

Vì vậy, nếu Wix không cung cấp tùy chọn, bạn phải thiết lập chương trình bằng cách chỉnh sửa mã HTML của mình;)

https://developer.apple.com/lvern/prerelease/ios/documentation/AppleAppluggest/Reference/SafariWebContent/pinnedTabs/pinnedTabs.html