คุณจะเพิ่มรูปขนาดย่อ Opera สำหรับเว็บไซต์ของคุณได้อย่างไร


9

ฉันสังเกตเห็นว่าในคุณสมบัติ "โทรด่วน" ของ Opera บางไซต์จะแสดงโลโก้เป็นภาพตัวอย่างในขณะที่เว็บไซต์อื่นเป็นเพียงภาพหน้าจอของลักษณะที่เว็บไซต์ดูเมื่อคุณเพิ่มลงในการโทรด่วน ฉันไม่แน่ใจ แต่ฉันคิดว่า Chrome มีพฤติกรรมเหมือนกัน

ตัวอย่างเช่น Stackoverflow มีโลโก้: D

ดังนั้นฉันจะทำให้เว็บไซต์ของฉันแสดงโลโก้เมื่อผู้ใช้เพิ่มไว้ในการโทรด่วนได้อย่างไร


ในระบบของฉัน Chrome จะแสดงภาพหน้าจอเสมอ
Adjam

คำตอบ:


5

หลังจากการเปิดตัว Barracuda Opera ใช้<link rel=”icon”>หรือ<link rel="apple-touch-icon">meta ในส่วนหัวของไซต์เพื่อค้นหาโลโก้ แต่จะแสดงเฉพาะใน Opera หากภาพที่แนบมานั้นมีความกว้างมากกว่า 114px

ในกรณีของ stackoverflow โค้ดจะมีลักษณะดังนี้: -

<link rel="apple-touch-icon" href="http://cdn.sstatic.net/stackoverflow/img/apple-touch-icon.png">

ลิงค์ไปยังรูปภาพไอคอน 158 x 158px

โลโก้สแต็คโอเวอร์โฟลว์


โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.