ไอคอน Fav สำหรับ Wix
Wix จัดเก็บ favicon ของคุณในแดชบอร์ดของไซต์ภายใต้ การตั้งค่า > ข้อมูลเว็บไซต์ > Favicon และแทรกลงในทุกหน้าที่เผยแพร่โดยอัตโนมัติ อัปโหลดสี่เหลี่ยมจัตุรัส PNG อย่างน้อย 100×100 พิกเซล — 512×512 เหมาะสำหรับการแสดงผลที่คมชัด สำหรับการรองรับ PWA และ apple-touch-icon ผู้ใช้ขั้นสูงสามารถเพิ่มโค้ดที่กำหนดเองผ่าน Wix Velo ใช้ favicon generator เพื่อสร้าง PNG ที่พร้อมอัปโหลดจากโลโก้หรือเครื่องหมายแบรนด์ของคุณ
ไอคอน Fav ของคุณเป็นหนึ่งในองค์ประกอบแบรนด์ที่มองเห็นได้มากที่สุดบนไซต์ Wix โดยจะปรากฏบนแท็บเบราว์เซอร์ แถบบุ๊กมาร์ก และประวัติแถบที่อยู่ ไอคอน Fav ที่คมชัดและเป็นที่จดจำได้ช่วยให้ผู้เยี่ยมชมระบุและกลับมาที่ไซต์ Wix ของคุณได้อย่างรวดเร็ว Wix จัดการการแทรกไอคอน favicon โดยอัตโนมัติเมื่อคุณอัปโหลดภาพ ดังนั้นจึงใช้ความพยายามเพียงเล็กน้อย
หากต้องการเพิ่มหรือเปลี่ยน favicon Wix ของคุณ ให้เข้าสู่ระบบแดชบอร์ด Wix และไปที่การตั้งค่า > ข้อมูลเว็บไซต์ เลื่อนไปที่ส่วน Favicon (บางครั้งมีป้ายกำกับว่า Site Icon หรือ Tab Favicon ขึ้นอยู่กับเวอร์ชัน Wix ของคุณ) คลิกพื้นที่อัพโหลดหรือรูปขนาดย่อของไอคอนที่มีอยู่เพื่อเปิดตัวจัดการสื่อ อัปโหลดสแควร์ PNG ของคุณแล้วยืนยัน
Wix แนะนำขนาด favicon ขั้นต่ำ 100×100 พิกเซล แต่นี่คือพื้น ไม่ใช่เป้าหมาย เพื่อผลลัพธ์ที่คมชัดที่สุด ให้อัปโหลดขนาด 512×512 Wix ย่อขนาดรูปภาพลงเพื่อแสดงแท็บ และการเริ่มจากแหล่งที่ใหญ่กว่าหมายถึงการสูญเสียคุณภาพน้อยลงในขนาดที่เล็ก favicon generator ส่งออกขนาด 512×512 PNG ที่สมบูรณ์แบบจากโลโก้ใดๆ ก็ได้ภายในไม่กี่วินาที
รูปแบบ PNG เป็นตัวเลือกที่ดีที่สุดสำหรับการอัปโหลดไอคอน Fav รองรับความโปร่งใส ซึ่งทำให้ไอคอนของคุณดูสะอาดตาเมื่อเปรียบเทียบกับธีมเบราว์เซอร์สีอ่อนและสีเข้ม โดยไม่มีกล่องพื้นหลังสีหรือสีขาว ไม่จำเป็นต้องใช้ไฟล์ ICO — Wix แปลง PNG ของคุณและให้บริการด้วยประเภท MIME ที่ถูกต้อง
Wix Studio (ระดับมืออาชีพของ Wix) วางการตั้งค่า favicon ในตำแหน่งเดียวกันภายใต้การตั้งค่า > ข้อมูลเว็บไซต์ Studio ยังอนุญาตให้มีการแทรกโค้ดแบบกำหนดเองขั้นสูงเพิ่มเติมในส่วน `<head>` หากคุณต้องการไอคอน Fav ของ SVG หรือแท็ก apple-touch-icon ไปที่การตั้งค่า > โค้ดที่กำหนดเองเพื่อเพิ่มสคริปต์หลักในโครงการ Wix Studio
หลังจากอัปโหลดไอคอน Fav ในแดชบอร์ด Wix แล้ว คุณต้องเผยแพร่ไซต์ของคุณอีกครั้งเพื่อให้การเปลี่ยนแปลงมีผล คลิกเผยแพร่ที่มุมขวาบนของตัวแก้ไข Wix เผยแพร่ไอคอนประจำเว็บไซต์ใหม่ในทุกหน้าในโดเมนที่คุณกำหนดเอง การเปลี่ยนแปลงที่บันทึกไว้ในแดชบอร์ดแต่ไม่ได้เผยแพร่จะไม่ปรากฏให้ผู้เยี่ยมชมเห็น
Wix จัดการการแทรกแท็ก `<link rel='icon'>` โดยอัตโนมัติ คุณไม่จำเป็นต้องเพิ่มโค้ดใดๆ Wix ยังแทรกรายการ apple-touch-icon พื้นฐานสำหรับการบันทึกหน้าจอหลักของ iOS โดยการปรับขนาด favicon ที่คุณอัปโหลดให้เป็นขนาดที่ต้องการ สำหรับ 180×180 apple-touch-icon แบบกำหนดเอง (แตกต่างจาก favicon) ให้ใช้การแทรกโค้ดแบบกำหนดเอง Wix Velo
พื้นหลังโปร่งใสจะถูกรักษาไว้โดย Wix เมื่อคุณอัปโหลด PNG ด้วยช่องอัลฟ่า หากไอคอนของคุณมีพื้นหลังทึบ ก็จะแสดงกล่องสีในแท็บเบราว์เซอร์ในโหมดมืด ส่งออกโลโก้ของคุณโดยไม่มีการเติมพื้นหลังก่อนอัปโหลด คุณสามารถตรวจสอบว่าความโปร่งใสทำงานได้อย่างถูกต้องโดยใช้ favicon tester ซึ่งแสดงไอคอนบนพื้นหลังทั้งสีอ่อนและสีเข้ม
Wix Velo (แพลตฟอร์มการพัฒนา JavaScript ภายใน Wix) ช่วยให้สามารถปรับแต่ง favicon ขั้นสูงได้ เมื่อใช้ `wixLocation` และเหตุการณ์เพจของ Velo คุณสามารถแทรกแท็กลิงก์ไอคอน Fav ที่แตกต่างกันในแต่ละเพจได้แบบไดนามิก สิ่งนี้มีประโยชน์สำหรับไซต์อีคอมเมิร์ซที่มีตราสินค้าเฉพาะผลิตภัณฑ์ หรือสำหรับไซต์หลายหมวดหมู่ที่แต่ละส่วนใช้ไอคอนที่แตกต่างกัน
หากคุณกำลังใช้เทมเพลต Wix ที่สร้างขึ้นก่อนที่ Wix จะแนะนำการสนับสนุน favicon ดั้งเดิม การตั้งค่า favicon อาจปรากฏในตำแหน่งอื่นหรืออาจไม่ปรากฏเลย ในกรณีเหล่านี้ ให้ใช้การแทรกโค้ดที่กำหนดเองของ Wix: การตั้งค่า > โค้ดที่กำหนดเอง > เพิ่มโค้ด > วางโค้ดใน `<head>` ของแต่ละหน้า และเพิ่มแท็ก `<link rel='icon' href='URL'>` ด้วยตนเองพร้อมลิงก์ไปยัง favicon ที่โฮสต์ของคุณ
ไซต์ Wix ADI (Artificial Design Intelligence) จะตั้งค่าไอคอน Fav โดยอัตโนมัติจากสินทรัพย์แบรนด์ของคุณ หากคุณระบุไว้ในระหว่างวิซาร์ดการตั้งค่า คุณสามารถแทนที่ไอคอนประจำเว็บไซต์ที่เลือกโดย ADI ได้ตลอดเวลาโดยใช้การตั้งค่า > ข้อมูลเว็บไซต์ > เส้นทางไอคอนประจำเว็บไซต์ ไอคอน Fav ที่สร้างโดย ADI มักเป็นโลโก้ที่มีความละเอียดต่ำ แนะนำให้แทนที่ด้วยไอคอนที่สร้างขึ้นตามวัตถุประสงค์
หลังจากเผยแพร่ favicon Wix ของคุณแล้ว ให้เปิดโดเมนที่ใช้งานจริงของคุณในหน้าต่างเบราว์เซอร์ส่วนตัว/ไม่ระบุตัวตนเพื่อดูไอคอนที่อัปเดตโดยไม่มีแคชของเบราว์เซอร์ในเครื่อง หากไอคอน Fav เก่ายังคงแสดงในการเรียกดูตามปกติหลังจากผ่านไปหนึ่งวัน อาจเป็นไปได้ว่าแคชของเบราว์เซอร์ไม่ใช่ปัญหา Wix การรีเฟรชอย่างหนัก (Ctrl+Shift+R หรือ Cmd+Shift+R) บังคับให้เบราว์เซอร์ละทิ้งไอคอนที่แคชไว้
สำหรับธุรกิจที่ต้องการการสนับสนุน PWA ในการติดตั้งบนไซต์ Wix — การเพิ่มไซต์ลงในหน้าจอหลักของมือถือที่มีไอคอนแอปขนาดเต็มและหน้าจอสแปลช — Wix มีความสามารถดั้งเดิมที่จำกัด PWA ใช้การแทรกโค้ดแบบกำหนดเองของ Wix เพื่อเพิ่มแท็ก `<link rel='manifest'>` ที่ชี้ไปยังไฟล์ site.webmanifest ที่โฮสต์ภายนอก ซึ่งมีไอคอน 192×192 และ 512×512 PNG ดู web app manifest guide สำหรับการตั้งค่ารายการแบบเต็ม
วิธีการทำงาน
- 1
สร้างไอคอน Fav ขนาด 512×512 PNG
ใช้ [favicon generator](tool:favicon-generator) โดยมีโลโก้หรือเครื่องหมายแบรนด์ของคุณเป็นแหล่งที่มา ดาวน์โหลด 512×512 PNG จากแพ็คเกจ ซึ่งเป็นขนาดที่เหมาะสมสำหรับ Wix
- 2
เปิดการตั้งค่า > ข้อมูลเว็บไซต์
ในแดชบอร์ด Wix ของคุณ (ไม่ใช่ตัวแก้ไข) ให้ไปที่การตั้งค่า > ข้อมูลเว็บไซต์ และเลื่อนลงเพื่อค้นหาส่วน Favicon
- 3
อัปโหลด PNG ของคุณ
คลิกพื้นที่อัปโหลดหรือภาพขนาดย่อของไอคอน favicon ที่มีอยู่ เลือก 512×512 PNG จากโปรแกรมจัดการสื่อ Wix หรืออุปกรณ์ของคุณ แล้วยืนยัน บันทึกการตั้งค่า
- 4
เผยแพร่เว็บไซต์ของคุณ
คลิกปุ่มเผยแพร่ในตัวแก้ไข Wix Wix แทรกแท็ก favicon ที่อัปเดตแล้วในทุกหน้าในโดเมนที่คุณกำหนดเองที่ใช้งานอยู่
- 5
ยืนยันในหน้าต่างที่ไม่ระบุตัวตน
เปิดโดเมนสดของคุณในหน้าต่างเบราว์เซอร์ส่วนตัว/ไม่ระบุตัวตน ไอคอน Fav ใหม่ควรปรากฏในแท็บ ใช้ [favicon tester](utility:favicon-tester) สำหรับการตรวจสอบภายนอกอย่างรวดเร็ว
ลองเลย
สร้าง favicon ที่พร้อมใช้งาน Wix
เครื่องมือสร้าง Faviconคำถามที่พบบ่อย
การตั้งค่า favicon ใน Wix อยู่ที่ไหน+
การตั้งค่า > ข้อมูลเว็บไซต์ > Favicon (ป้ายกำกับที่แน่นอนอาจเป็น 'Tab Favicon' หรือ 'ไอคอนไซต์' ขึ้นอยู่กับเวอร์ชันหรือเทมเพลต Wix ของคุณ) อัปโหลดสี่เหลี่ยมจัตุรัส PNG บันทึก และคลิกเผยแพร่เพื่อนำไปใช้กับไซต์ที่ใช้งานจริงของคุณ
ไอคอน Fav ของฉัน Wix ควรมีขนาดเท่าใด+
Wix ต้องการขนาดขั้นต่ำ 100×100 พิกเซล แต่ขอแนะนำอย่างยิ่งคือ 512×512 PNG การเริ่มจากแหล่งที่ใหญ่กว่าช่วยให้มั่นใจได้ว่า Wix สามารถดาวน์ตัวอย่างเป็น 32×32 (ขนาดแท็บ) โดยไม่สูญเสียคุณภาพที่มองเห็นได้
ทำไม favicon Wix ของฉันยังคงแสดงไอคอนเก่าอยู่+
ตรวจสอบให้แน่ใจว่าคุณได้คลิกเผยแพร่หลังจากอัปโหลดไอคอน Fav ใหม่ การเปลี่ยนแปลงที่บันทึกไว้จะไม่ถูกเผยแพร่จนกว่าจะเผยแพร่ จากนั้นเปิดไซต์ของคุณในหน้าต่างส่วนตัว/ไม่ระบุตัวตนเพื่อข้ามแคช favicon ในเครื่องของเบราว์เซอร์
ฉันสามารถใช้ favicon SVG บน Wix ได้หรือไม่+
ไม่ผ่านแผงการตั้งค่าดั้งเดิม — ยอมรับเฉพาะรูปแบบแรสเตอร์เท่านั้น หากต้องการใช้ SVG ให้เพิ่มโค้ดที่กำหนดเอง `<link rel='icon' type='image/svg+xml' href='URL'>` ในการตั้งค่า > โค้ดที่กำหนดเอง > โค้ดหลัก และโฮสต์ SVG จากภายนอก
Wix เพิ่ม apple-touch-icon โดยอัตโนมัติหรือไม่?+
Wix แทรก apple-touch-icon พื้นฐานจากรูปภาพไอคอน Fav ที่คุณอัปโหลด สำหรับ 180×180 apple-touch-icon แบบกำหนดเอง (แยกจากไอคอนแท็บ favicon) ให้แทรกแท็กลิงก์ด้วยตนเองผ่าน Wix Velo หรือการตั้งค่า > โค้ดแบบกำหนดเอง
ไอคอน favicon Wix ของฉันยังคงแสดงไอคอน Wix เริ่มต้น — ฉันควรทำอย่างไร?+
บันทึก favicon ใหม่ของคุณในการตั้งค่า > ข้อมูลเว็บไซต์ จากนั้นคลิกเผยแพร่ในตัวแก้ไข ตรวจสอบว่าไซต์ได้รับการเผยแพร่ไปยังโดเมนที่กำหนดเองของคุณ (ไม่ใช่แค่ตัวอย่างโดเมนย่อย Wix) ล้างแคชของเบราว์เซอร์แล้วลองในหน้าต่างที่ไม่ระบุตัวตน
ฉันสามารถมีไอคอน Fav ที่แตกต่างกันในหน้า Wix ที่แตกต่างกันได้หรือไม่+
ใช่ ใช้ Wix Velo เพิ่มการแทรกโค้ดแบบกำหนดเองต่อหน้า หรือใช้เหตุการณ์ที่พร้อมใช้งานหน้าของ Velo เพื่ออัปเดตองค์ประกอบ `<link rel='icon'>` แบบไดนามิกตามเส้นทางของหน้าปัจจุบัน