การเขียนโปรแกรม favicon

2

Favicon Standard - 2020 - svg, ico, PNG และขนาด?

ขนาด Favicon รูปแบบไฟล์และแท็กเมตา / ลิงก์ใดที่ควรใช้ในปี 2020 ซึ่งรวมถึงไอคอนแอปเปิ้ล, หน้าต่าง, Android และอุปกรณ์อื่น ๆ ที่ผู้คนใช้ในปัจจุบัน ฉันใช้ Opera และฉันเห็นว่ามันรองรับรูปแบบ svg ปัจจุบันเป็นทางออกที่ดีที่สุดในการใช้ svg หรือไม่? มีตัวเลือก "ไฟล์เดียวเหมาะกับทุกคน" หรือไม่? ฉันเรียกดูเว็บไซต์หลายแห่งและตรวจสอบ "ตัวสร้างไอคอน Fav" ต่างๆ พวกเขาทั้งหมดมีอายุหลายปีและทำงานกับไฟล์ png เป็นส่วนใหญ่ ตัวอย่างเช่น: ควรใช้รหัสใดสำหรับ ico และ svg? <link rel="icon" href="favicon.ico" type="image/ico"> <link rel="icon" href="favicon.svg" type="image/svg+xml"> หรือควรระบุขนาดหาก ico มีขนาดมากกว่านี้ ฉันไม่พบคำตอบที่ดีสักคำตอบ <link rel="icon" sizes="16x16 24x24 …

116 html svg png favicon

14

ฉันจะรับ Favicon ของเว็บไซต์ได้อย่างไร

คำถามที่ง่ายพอ: ฉันได้สร้างแอพเล็ก ๆ ที่เป็นเพียงรายการโปรดที่อยู่ในซิสเต็มเทรย์ของฉันเพื่อให้ฉันสามารถเปิดไซต์ / โฟลเดอร์ / ไฟล์ที่ใช้บ่อยจากที่เดียวกันได้ การรับไอคอนเริ่มต้นจากระบบของฉันสำหรับประเภทไฟล์ที่รู้จักนั้นไม่ซับซ้อนมากนัก แต่ฉันไม่รู้วิธีรับไอคอน Fav จากเว็บไซต์ (ดังนั้นจะมีไอคอนสแต็กสีเทา -> สีส้มในแถบที่อยู่เป็นต้น) มีใครรู้บ้างว่าฉันจะไปถึงจุดนั้นได้อย่างไร?

115 c# .net-4.0 favicon

5

ใช้ Font Awesome Icon เป็น Favicon

เป็นไปได้ไหมที่จะใช้ไอคอนFont Awesomeเป็นไอคอน Fav คุณรู้หรือไม่ว่าไอคอนเล็ก ๆ ที่ปรากฏขึ้นพร้อมกับชื่อเว็บไซต์ในแท็บเบราว์เซอร์?

109 favicon font-awesome

9

วิธีตั้งค่าไอคอน / ไอคอน Fav เมื่อ bookmarklet ลากไปที่แถบเครื่องมือ

ฉันได้สร้าง bookmarklet ด้วยตัวเองแล้วและมันก็ทำงานได้ดี แต่เมื่อเพิ่มลงในแถบเครื่องมือใน Opera หรือ Firefox มันจะใช้ไอคอนบุ๊กมาร์กเริ่มต้นสำหรับเบราว์เซอร์ (ลูกโลกและดาวตามลำดับ) ไซต์ของฉันมีไอคอน Fav และหน้าต่างแท็บและแม้แต่บุ๊กมาร์ก [ไซต์] ก็ใช้ไอคอน Fav ที่ฉันระบุ ไม่ใช่แค่ bookmarklet ของฉัน ฉันจะเขียนโค้ดไซต์หรือ bookmarklet เพื่อให้ bookmarklet ได้รับไอคอน Fav ได้อย่างไร ฉันทราบถึงเทคนิคการแฮ็กเกอร์แบบแมนนวลต่างๆที่ผู้ใช้สามารถใช้เพื่อตั้งค่าไอคอน Fav ได้ แต่เป็นวิธีแก้ปัญหาที่ไม่พึงปรารถนา

108 browser icons bookmarklet favicon

5

Favicons - แนวทางปฏิบัติที่ดีที่สุด

ฉันพยายามเข้าใจขนาดและรูปแบบต่างๆที่จำเป็นสำหรับ Favicons ไอคอน Touch และตอนนี้ไอคอนกระเบื้องด้วย ฉันได้อ่านโพสต์นี้: http://www.jonathantneal.com/blog/understand-the-favicon แต่ฉันก็ยังงงอยู่บ้างว่าจะใช้อะไรซึ่งจะดูดีพอสมควรในทุกอุปกรณ์และเบราว์เซอร์> = IE8 . ฉันคิดว่าฉันควรสร้างสิ่งต่อไปนี้: ICO favicon.ico (32x32) PNG favicon.png (96x96) กระเบื้องไอคอน tileicon.png (144x144) ไอคอน Apple Touch apple-touch-icon-precomposed.png (152x152) ตามhttps://github.com/h5bp/html5-boilerplate/issues/1367 ... แล้วใช้รหัสนี้เพื่อให้บริการพวกเขา? <link rel="apple-touch-icon" href="path/to/touchicon.png"> <link rel="icon" href="path/to/favicon.png">   <meta name="msapplication-TileColor" …

107 favicon apple-touch-icon

6

ฉันจะใส่โลโก้เว็บไซต์ให้เป็นภาพไอคอนในแท็บเบราว์เซอร์ได้อย่างไร?

รูปภาพถัดจากชื่อเพจในแท็บเบราว์เซอร์ - คุณจะลิงก์รูปภาพที่นี่ได้อย่างไร

106 html favicon

3

แนวทางปฏิบัติที่ดีที่สุดในการสร้างไอคอน Fav บนเว็บไซต์คืออะไร?

คำถาม แนวทางปฏิบัติที่ดีที่สุดในการสร้างไอคอน Favบนเว็บไซต์คืออะไร? และเป็นไฟล์. ic ที่มีทั้งภาพขนาด 16x16 และ 32x32 ดีกว่าไฟล์. png ที่มี 16x16 เท่านั้นหรือไม่? วิธีการที่ถูกต้องในปัจจุบันใช้ไม่ได้กับเบราว์เซอร์รุ่นเก่า ๆ วิธีที่ 1 การวางไฟล์ที่มีชื่อfavicon.icoในไดเร็กทอรีหลักเป็นวิธีหนึ่ง เบราว์เซอร์จะร้องขอไฟล์นั้นเสมอ คุณจะเห็นสิ่งนั้นในไฟล์บันทึกของ apache วิธีที่ 2 แท็ก HTML ใน<head>ส่วน: <link rel="shortcut icon" href="/images/favicon.png (or ico?)" type="image/x-icon" />

103 html favicon

3

วิธีการตั้งค่า favicon.ico อย่างถูกต้องในโครงการ vue.js webpack?

ฉันได้สร้างvue webpackโครงการโดยใช้vue-cliไฟล์. vue init webpack myproject จากนั้นรันโปรเจ็กต์ภายใต้devโหมด: npm run dev ฉันได้รับข้อผิดพลาดนี้: ไม่สามารถโหลดทรัพยากร: เซิร์ฟเวอร์ตอบสนองด้วยสถานะ 404 (ไม่พบ) http: // localhost: 8080 / favicon.ico ดังนั้นใน webpack วิธีการนำเข้าfavicon.icoอย่างถูกต้อง?

94 html ecmascript-6 webpack vue.js favicon

10

การสร้างไอคอน Fav [ปิด]

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน3 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันจะสร้างไอคอน Fav สำหรับเว็บไซต์ของฉันได้อย่างไร

94 html favicon

คำถามติดแท็ก favicon