favicon สำหรับ Webflow
Webflow จัดเก็บ favicon ของคุณในการตั้งค่าโครงการ และให้บริการจาก CDN บนทุกหน้าที่เผยแพร่ อัปโหลดสี่เหลี่ยมจัตุรัส 32×32 PNG หรือ ICO — หรือแหล่งที่มา 256×256+ Webflow จะถูกลดขนาดลง
เปิดโครงการของคุณ → การตั้งค่าโครงการ → ทั่วไป → Favicon Webflow ยอมรับ PNG, ICO หรือ GIF และแทรกแท็ก <link rel="icon"> ที่ถูกต้องในการเผยแพร่
สำหรับแท็บเรตินาและการติดตั้งหน้าจอหลัก iOS ให้เพิ่มไอคอน apple-touch-icon และ PWA ผ่านโค้ดที่กำหนดเองในการตั้งค่าไซต์ หากแผนของคุณอนุญาตให้ฝังใน <head>
วิธีการทำงาน
- 1
สร้าง favicon สี่เหลี่ยม
ใช้โปรแกรมสร้าง favicon ของเรา — ส่งออก .ico บวก 180×180 apple-touch-icon
- 2
การตั้งค่าโครงการ → Favicon
อัปโหลด PNG หรือ ICO ของคุณ
- 3
เผยแพร่
Webflow ผลักไอคอนไปที่ทุกหน้าในโดเมนที่คุณกำหนดเอง
ลองเลย
สร้าง favicon ที่พร้อมใช้งาน Webflow
เครื่องมือสร้าง Faviconคำถามที่พบบ่อย
Webflow ใช้ favicon ขนาดใด+
32×32 เป็นเป้าหมายการอัปโหลด แต่เริ่มจาก 256×256 หรือ 512×512 ดังนั้นการลดขนาดจะยังคงคมชัด
เหตุใด Webflow favicon ของฉันจึงไม่อัปเดต+
เผยแพร่ไซต์หลังจากเปลี่ยนแปลงเนื้อหา favicon แคชของเบราว์เซอร์ — รีเฟรชแคชหรือเพิ่ม ?v=2 ให้กับ URL ในโค้ดที่กำหนดเอง
ฉันสามารถใช้ favicon SVG บน Webflow ได้หรือไม่+
เครื่องมืออัปโหลดในตัวต้องการรูปแบบแรสเตอร์ เพิ่ม SVG ผ่านโค้ดที่กำหนดเองในการตั้งค่าโครงการ → โค้ดแบบกำหนดเอง → Head หากคุณต้องการโหมด vector + dark