วิธีเพิ่ม Favicon ใน Squarespace
Squarespace เรียก favicon ว่า Browser Icon (บางครั้ง Site Icon) อัปโหลดสี่เหลี่ยมจัตุรัส PNG จากการตั้งค่า Design และ Squarespace จะแทรกแท็ก <link> ที่ถูกต้อง — ไม่ต้องใช้โค้ดในแผนมาตรฐาน
Quick answer
To add a favicon in Squarespace, go to Design → Site Styles → Browser Icon, upload a square 512×512 PNG, save, and publish — use the Favicon Generator to create the file and the Favicon Checker to verify it loads on your live domain.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
เปิดแดชบอร์ด Squarespace ของคุณ ไปที่ Design → Site Styles → Browser Icon (ในบางเวอร์ชัน: Settings → Website → Browser Icon) อัปโหลดสี่เหลี่ยมจัตุรัส PNG — Squarespace ยอมรับขั้นต่ำ 100×100 แต่ 512×512 ให้ผลลัพธ์ที่คมชัดที่สุดหลังจากการลดขนาด
ใช้ Favicon Generator เพื่อส่งออกสี่เหลี่ยมจัตุรัส PNG จากโลโก้ของคุณ จากนั้นอัปโหลดในแผง Browser Icon Squarespace serves the icon from its CDN on every page automatically.
หลังจากบันทึก เผยแพร่หรือรีเฟรชเว็บไซต์ของคุณ และเปิดโดเมนจริงของคุณในหน้าต่างส่วนตัว เบราว์เซอร์จะแคชไอคอน Fav จำนวนมาก — หากคุณยังคงเห็นไอคอนเก่า ให้รีเฟรชใหม่ทั้งหมดหรือเติม ?v=2 หนึ่งครั้งต่อท้าย URL ไอคอน Fav
หาก favicon Squarespace ของคุณไม่แสดง ให้เรียกใช้ URL สดของคุณผ่าน Favicon Checker เพื่อยืนยันว่าเส้นทาง Browser Icon คืนค่า 200 ไอคอน favicon ของเราจะไม่แสดงคำแนะนำในการแก้ไขปัญหาครอบคลุมถึงปัญหาแคช CDN และเส้นทางที่ส่งผลต่อไซต์ Squarespace ด้วย
Google Search ต้องการไอคอนที่รวบรวมข้อมูลได้อย่างน้อย 48×48 ซึ่งเชื่อมโยงจากหน้าแรกของคุณ ดูคำแนะนำข้อกำหนดไอคอน Fav ของ Google หากไอคอนแท็บของคุณใช้งานได้ แต่ Google ยังคงแสดงไอคอน Fav ว่างหรือล้าสมัย
Squarespace ไม่ยอมรับการอัปโหลด .ico ในช่อง Browser Icon — ให้ใช้ PNG สำหรับ favicon.ico แยกต่างหากที่รูทโดเมนของคุณ คุณต้องมีแผนธุรกิจพร้อมโค้ดที่กำหนดเองหรือการเปลี่ยนเส้นทางภายนอก
วิธีการทำงาน
- 1
Create a square PNG
Export 512×512 from your logo with the Favicon Generator.
- 2
อัปโหลด Browser Icon
Design → Site Styles → Browser Icon → อัปโหลดและบันทึก
- 3
เผยแพร่และตรวจสอบ
เปิดเว็บไซต์ที่ใช้งานจริงของคุณในหน้าต่างส่วนตัว หรือเรียกใช้ Favicon Checker เพื่อยืนยันว่าไอคอนโหลดแล้ว
ลองเลย
Generate a Squarespace-ready favicon
เครื่องมือสร้าง Faviconคำถามที่พบบ่อย
ฉันจะเพิ่ม favicon ใน Squarespace ได้อย่างไร+
ไปที่ Design → Site Styles → Browser Icon อัปโหลดสี่เหลี่ยมจัตุรัส PNG (แนะนำ 512×512) บันทึก และเผยแพร่ Squarespace เพิ่มแท็ก <link rel="icon"> ให้กับคุณ
ไอคอน Fav ของ Squarespace ควรมีขนาดเท่าใด+
Squarespace ยอมรับรูปภาพที่มีขนาดเล็กถึง 100×100 แต่อัปโหลด 512×512 PNG สำหรับแท็บที่คมชัด บุ๊กมาร์ก และคุณสมบัติ Google Search
เหตุใดไอคอน favicon ของฉัน Squarespace จึงไม่แสดง+
สาเหตุทั่วไป: การเปลี่ยนแปลงไม่ได้รับการเผยแพร่ แคชของเบราว์เซอร์ หรือการดูตัวอย่างชั่วคราวแทนโดเมนที่ใช้งานจริง ฮาร์ดรีเฟรชหรือทดสอบในหน้าต่างที่ไม่ระบุตัวตน
การตั้งค่า favicon ใน Squarespace อยู่ที่ไหน+
Design → Site Styles → Browser Icon บนแดชบอร์ดรุ่นเก่า อาจปรากฏภายใต้ Settings → Website → Browser Icon หรือ Site Icon
ฉันสามารถใช้ไฟล์ ICO ใน Squarespace ได้หรือไม่+
ไม่ สำหรับผู้อัปโหลด Browser Icon ในตัว — ใช้ PNG ICO สามารถทำได้ด้วยการแทรกโค้ดแบบกำหนดเองในแผนที่มีสิทธิ์เท่านั้น