วิธีการโพสต์ Favicon บนเว็บไซต์ของคุณ

• เมษายน 27, 2024

ไอคอน favicon หรือไอคอนทางลัดเป็นรูปภาพขนาดเล็กที่ปรากฏถัดจาก URL ของไซต์ในแถบที่อยู่ของเบราว์เซอร์ของคุณ นอกจากนี้ยังปรากฏถัดจากชื่อไซต์ในรายการบุ๊กมาร์กหรือรายการโปรดของคุณและหากคุณใช้เบราว์เซอร์แบบแท็บอาจปรากฏขึ้นบนแท็บได้เช่นกัน

การโพสต์ favicon ในเว็บไซต์ของคุณเป็นวิธีที่ดีในการเพิ่มบุคลิกภาพและมันง่ายมาก ส่วนที่ยากที่สุดของกระบวนการคือการเลือกภาพที่จะเริ่มต้นด้วย! หากคุณมีสายตาที่ดีสำหรับกราฟิกคุณอาจออกแบบของคุณเอง หากไม่เป็นเช่นนั้นคุณสามารถเลือกภาพจากเว็บได้ตลอดเวลา หากคุณตัดสินใจที่จะใช้ภาพที่มีอยู่อย่าดาวน์โหลดกราฟิกจากเว็บไซต์อื่นและโพสต์ภาพของคุณเอง - คุณกำลังละเมิดลิขสิทธิ์ของเว็บมาสเตอร์และอาจจบลงด้วยปัญหาร้ายแรง ให้จับภาพจากแหล่งที่มาฟรีบนอินเทอร์เน็ตแทน

favicon ของคุณต้องมีขนาดเฉพาะเพื่อใช้งานได้ไม่ว่าจะเป็น 16X16 พิกเซลหรือ 32X32 พิกเซล นี่เป็นสิ่งที่เล็กมากดังนั้นเมื่อคุณเลือกภาพฐานของคุณต้องแน่ใจว่าเป็นภาพที่จะย่อขนาดลงจนเหลือขนาดแสตมป์ สีสดใสและรูปร่างที่เรียบง่ายมักจะทำงานได้ดีที่สุด คุณต้องบันทึกรูปภาพของคุณในรูปแบบ favicon ที่ยอมรับ: .png, .gif หรือ. ico นักพัฒนาเว็บส่วนใหญ่ใช้. ico เนื่องจาก favicon ของคุณอาจเป็นไฟล์เดียวในเว็บไซต์ของคุณที่มีส่วนขยายนั้นดังนั้นจึงจะโดดเด่นเมื่อคุณอ่านผ่านไดเรกทอรีของเว็บไซต์ของคุณ

คุณสามารถใช้เครื่องมือเว็บฟรีจำนวนหนึ่งในการแปลงภาพเป็นไฟล์. ico ที่มีขนาดถูกต้อง ฉันใช้สิ่งที่เสนอโดยผู้ผลิตชุด HTML ซึ่งช่วยให้คุณสร้าง favicons ทั้งแบบคงที่และเคลื่อนไหวได้ มีลิงก์ไปยังเครื่องมือ favicon ด้านล่างบทความนี้

ตอนนี้เป็นส่วนที่ง่าย - เพิ่ม favicon ให้กับเว็บไซต์ของคุณ! คุณมีสองตัวเลือกในการแสดงภาพ favicon ตัวเลือกแรกและปลอดภัยที่สุดคือการใส่รหัสต่อไปนี้ในส่วนหัวของทุกหน้าที่คุณต้องการให้ favicon ปรากฏขึ้นแทนที่ส่วน 'href' ด้วย url ของ favicon ของคุณ:


พิมพ์ = "image / ICO"
href = "// example.com/myicon.ico">

ตัวเลือกที่สองคือตั้งชื่อ favicon ของคุณ "favicon.ico" และวางไว้ในไดเรกทอรีรากของคุณ (โดยปกติจะเป็นไดเรกทอรีเดียวกันกับโฮมเพจของคุณ) ด้วยวิธีนี้คุณไม่จำเป็นต้องเพิ่มรหัสลงในหน้าเว็บของคุณและเบราว์เซอร์เกือบทั้งหมดจะรับไอคอน - อย่างไรก็ตามเบราว์เซอร์บางตัว (โดยทั่วไปจะเก่ากว่า) จะไม่แสดง favicon หากคุณใช้วิธีนี้

คำแนะนำวิดีโอ: Week 8 (เมษายน 2024).