วิธีการติดตั้ง favicon ให้เว็บไซต์ของคุณหรือไม่?

Favicon - ย่อมาจาก "ไอคอนได้รับการแต่งตั้ง" (แปลเป็นภาษาอังกฤษ) ชื่อนี้ได้มาจากรายการบุ๊กใน Internet Explorer ซึ่งเรียกว่า "รายการโปรด" / "ชื่นชอบ" เมื่อคุณเพิ่มเว็บไซต์ในรายการโปรดของคุณ Explorer (รุ่นที่ 5 ขึ้นไป) หมายถึงเซิร์ฟเวอร์ที่มีการร้องขอไม่ว่าจะ favicon.ico แฟ้มทรัพยากร ถ้าเช่นไฟล์ที่มีอยู่ก็จะถูกนำมาใช้เพื่อให้ไอคอนที่แสดงอยู่ถัดจากข้อความที่คั่นหน้าด้วย

เบราว์เซอร์อื่น ๆ (เช่น Mozilla) นอกจากนี้ยังมีการสนับสนุน favikonok ทั้งนี้ขึ้นอยู่กับโปรแกรมเพื่อการค้นหาไอคอนนี้สามารถแสดงผลได้ในสถานที่ที่แตกต่างกันไม่เพียง แต่ในรายการบุ๊ก (ที่จริงก็ไม่ได้ปรากฏขึ้นที่นั่น) มันจะปรากฏขึ้นใน แถบที่อยู่ หรือชื่อของเบราว์เซอร์แท็บ

ไอคอนบนแท็บเบราว์เซอร์

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

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

วิธีการสร้าง favicon หรือไม่?

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

โปรดทราบว่าสำหรับผู้ใช้ที่มี favicon การเชื่อมต่ออินเทอร์เน็ตช้าสามารถเพิ่มเวลาในการโหลดหน้าไม่กี่วินาที นี้เป็นไปได้ว่าไฟล์ภาพที่มีขนาดใหญ่เกินไปจึงไม่หักโหมมัน เพิ่ม 32x32 ทางเลือกรูปแบบควรจะเพียงพอที่จะเริ่มต้นภาพที่ดูดีแม้ในสถานการณ์ที่มีไอคอนขนาดใหญ่ ใช้เป็นจำนวนมากของตัวเลือก - มันโบนัสดำเนินการเฉพาะตามคำขอของเว็บไซต์ของนักพัฒนาซอฟต์แวร์ พยายามที่จะให้จำนวนสีถึง 16 และสร้างไอคอน 16 สีกับ png2ico (หรือแม้กระทั่งสีดำและสีขาวไอคอน) นี้จะทำให้ไฟล์มีขนาดเล็กที่โหลดได้เร็วขึ้น

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

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

การสร้างไอคอนที่มี "Photoshop"

ผู้เชี่ยวชาญแนะนำการใช้งาน ของการแก้ไขภาพ เช่น Adobe Photoshop หรือ GIMP นี้จะสร้าง favicon ตรง 512 × 512 พิกเซล ดังนั้นคุณสามารถบันทึกสัดส่วนที่ถูกต้องของภาพใช้ภาพโปร่งใสหรือกรอกพื้นหลังที่คุณเลือก ภาพนี้สามารถอยู่ใน รูปแบบ PNG, JPEG หรือ GIF แล้วคุณจะต้องกำหนดวิธีการที่จะติดตั้ง favicon ในเว็บไซต์ของคุณ

ทำไมฉันต้องเพิ่มไปยังเว็บไซต์ได้หรือไม่

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

วิธีการติดตั้ง favicon ให้ html ที่เว็บไซต์ของคุณ

หากต้องการเพิ่ม favicon ใหม่ของคุณไปยังหน้าเว็บของคุณคุณต้องติดตั้งบนเซิร์ฟเวอร์ในโฟลเดอร์เดียวกันที่หน้าเว็บ (เช่น www.example.com/foo/favicon.ico สำหรับ www.example.com/foo/index HTML) นี่คือข้อมูลที่อยู่ในสถานที่แรกเบราว์เซอร์ใด ๆ ที่จะมองหาดาวน์โหลด ถ้าเขาไม่สามารถหาไอคอนแล้วตรวจสอบไดเรกทอรีระดับบนสุดของเซิร์ฟเวอร์ (www.example.com/favicon.ico สำหรับ www.example.com บนเซิร์ฟเวอร์) ด้วยเหตุนี้หากคุณตั้งไว้ที่นั่นคุณจะสามารถที่จะมีไอคอนเริ่มต้นสำหรับทุกหน้าของโดเมนของคุณ ทั้งนี้ขึ้นอยู่กับการตั้งค่าเบราว์เซอร์และ favicon จะไม่ปรากฏเสมอแม้ว่าจะเป็นหนึ่งในสถานที่ดังกล่าวข้างต้นและหน้าเว็บเห็นมัน

หากต้องการลงทะเบียนในการปรากฏตัวของ favicon หน้ารหัสที่คุณสามารถเพิ่มสองบรรทัดต่อไปที่ :

วิธีการเพิ่ม favicon เพื่อ WordPress บล็อก

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

วิธีการเพิ่ม favicon ในเวิร์ดเพรส

เริ่มต้นด้วย WordPress 4.3 รุ่นที่คุณสามารถเพิ่ม favicon ไปยังพื้นที่ admin ของเว็บไซต์ เพียงแค่ไปที่ "ดู" / "การตั้งค่า" และเลือกแท็บ "เว็บไซต์"

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

เพิ่ม favicon ในบล็อกของคุณ

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

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

วิธีการติดตั้ง WordPress favicon ในรุ่นเก่า (4.2 หรือสูงกว่า)

อัปโหลด favicon ของคุณเองในไดเรกทอรีรากบน FTP จากนั้นคุณสามารถแทรกโค้ดนี้ในหัวข้อไฟล์ header.php ต้องการ

แทนที่ wpbeginner.com URL ของเว็บไซต์ของคุณและจะทำทุกอย่าง ถ้าบล็อกของคุณไม่ได้มีไฟล์ header.php หรือคุณไม่สามารถหาได้จากนั้นใช้ปลั๊กพิเศษ ติดตั้งและเปิดใช้งานได้ในการตั้งค่าเว็บไซต์ หลังจากเปิดใช้งานปลั๊กอินให้ไปที่ "ตั้งค่า" เลื่อนไป "ใส่หัวและส่วนท้าย" โปรดดูที่แท็บ "กล่อง" รหัสดังกล่าวข้างต้นในส่วนหัวและบันทึกการตั้งค่า

หากคุณไม่ต้องการที่จะจัดการกับความซับซ้อนของการทำงานร่วมกับ FTP แต่ก็ยังคงเป็นที่สนใจในวิธีการตั้ง favicon คุณยังสามารถใช้ปลั๊กอินพิเศษที่ควบคุมไอคอนโหลดในทุกขั้นตอน เพิ่มเติมดังกล่าวเพื่อให้เครื่องยนต์ไม่ได้ใช้ได้เฉพาะสำหรับ WordPress แต่ยังสำหรับระบบที่นิยมอื่น ๆ รวมทั้ง Joomla