สร้าง Favicon
สร้างไอคอนเล็ก ๆ ที่แสดงบนแท็บเบราว์เซอร์ บุ๊กมาร์ก และหน้าจอหลักของมือถือ เลือกโลโก้ของคุณแล้วรับทุกขนาดที่ต้องใช้ พร้อมโค้ดสำหรับวางในเว็บไซต์
- เลือกโลโก้หรือรูปภาพ
- ตั้งระยะขอบและพื้นหลัง
- ดาวน์โหลด ZIP
กำลังโหลดเครื่องมือ…
ไฟล์ของคุณไม่เคยออกจากอุปกรณ์
ในชุดมีอะไรบ้าง
- favicon.ico ขนาด 16, 32 และ 48 พิกเซลสำหรับทุกเบราว์เซอร์
- favicon-16x16.png และ favicon-32x32.png
- apple-touch-icon.png (180 × 180) สำหรับ iPhone และ iPad
- ไอคอน Android ขนาด 192 และ 512 พิกเซลพร้อม site.webmanifest
- favicon-html.txt พร้อมแท็กสำหรับวางในส่วน head ของหน้าเว็บ
เคล็ดลับให้ไอคอนคมชัด
ใช้รูปสี่เหลี่ยมจัตุรัสขนาดอย่างน้อย 512 × 512 พิกเซล หรือ SVG รูปทรงเรียบง่ายและตัวอักษรหนาหนึ่งสองตัวยังอ่านได้ที่ 16 พิกเซล แต่ข้อความเล็กอ่านไม่ได้ เพิ่มระยะขอบหากโลโก้ชิดขอบ
วิธีติดตั้ง
อัปโหลดไฟล์ทั้งหมดไปยังโฟลเดอร์หลักของเว็บไซต์ แล้ววางโค้ดจาก favicon-html.txt ในส่วน head ของหน้าเว็บ อาณาจักรไฟล์ สร้างไฟล์บนอุปกรณ์ของคุณ
คำถามที่พบบ่อย
ควรใช้รูปแบบไหน
โลโก้สี่เหลี่ยมจัตุรัสแบบ PNG หรือ SVG ขนาดอย่างน้อย 512 × 512 พิกเซลดีที่สุด
พื้นหลังโปร่งใสยังอยู่ไหม
อยู่ ยกเว้นไอคอน Apple ที่จะได้สีพื้นหลังที่คุณเลือกหรือสีขาว เพราะ iOS ไม่แสดงความโปร่งใส
ไฟล์ ICO ใช้ได้ทุกเบราว์เซอร์ไหม
ได้ มีรูปขนาด 16, 32 และ 48 พิกเซล และใช้ได้กับทุกเบราว์เซอร์ปัจจุบัน
ควรวางไฟล์ไว้ที่ไหน
ในโฟลเดอร์หลัก (root) ของเว็บไซต์ ข้างหน้าแรก
โลโก้ของฉันถูกอัปโหลดไหม
ไม่ ไอคอนถูกสร้างในเบราว์เซอร์ของคุณ
ใช้ฟรีไหม
ฟรี