Favicon ทุกแบบที่เว็บไซต์ของคุณต้องการ จากรูปภาพเดียว
เบราว์เซอร์ โทรศัพท์ และระบบปฏิบัติการต่างก็มองหาไอคอนที่แตกต่างกัน อัปโหลดโลโก้ของคุณ แล้วเครื่องมือนี้จะสร้างชุดไอคอนครบถ้วน: favicon.ico ที่มีขนาด 16, 32 และ 48 px อยู่ภายใน, favicon-16x16.png และ favicon-32x32.png, apple-touch-icon.png ขนาด 180 px, ไอคอน android-chrome ขนาด 192 และ 512 px และ site.webmanifest ที่เชื่อมโยงไอคอนเหล่านี้
ดาวน์โหลดทั้งหมดเป็นไฟล์ ZIP วางไฟล์ไว้ในโฟลเดอร์รากของเว็บไซต์ แล้ววางโค้ด HTML ลงใน <head> ของหน้าเว็บ ไอคอน Apple จะมีพื้นหลังสีทึบเพราะ iOS แสดงความโปร่งใสเป็นสีดำ ไอคอนทั้งหมดถูกสร้างในเบราว์เซอร์ของคุณ — ไม่มีการอัปโหลดใดๆ
ทำไมต้องใช้เครื่องมือสร้าง Favicon นี้?
- favicon.ico, favicon แบบ PNG, ไอคอน Apple และ Android ใน ZIP ไฟล์เดียว
- site.webmanifest และโค้ด HTML พร้อมใช้
- รองรับโลโก้ PNG, JPG, WebP และ SVG
- ทำงานในเบราว์เซอร์ของคุณ — ไม่ต้องอัปโหลด ไม่ต้องลงทะเบียน
วิธีสร้าง Favicon
- เลือกโลโก้ของคุณ — ควรเป็น PNG หรือ SVG สี่เหลี่ยมจัตุรัส
- ปรับระยะขอบและสี แล้วตรวจสอบภาพตัวอย่าง
- คลิก "ดาวน์โหลด ZIP" อัปโหลดไฟล์ไปยังเว็บไซต์ของคุณ แล้ววางโค้ด HTML
คำถามที่พบบ่อย
เครื่องมือสร้าง favicon นี้ฟรีหรือไม่?
ใช่ ฟรีทั้งหมด ไม่มีข้อจำกัด และไม่มีลายน้ำ
ฉันต้องใช้ไฟล์ใดบ้าง?
เบราว์เซอร์รุ่นใหม่ใช้ favicon-32x32.png และ favicon.ico, iPhone และ iPad ใช้ apple-touch-icon.png เมื่อเพิ่มหน้าเว็บลงในหน้าจอหลัก ส่วน Android และเว็บแอปที่ติดตั้งได้ใช้ไอคอนขนาด 192 และ 512 px ที่ระบุไว้ใน site.webmanifest อัปโหลดไฟล์ทั้งหมดไปยังโฟลเดอร์รากของเว็บไซต์และเพิ่มโค้ด HTML — ครอบคลุมทุกกรณี
ฉันใช้โลโก้ SVG ได้หรือไม่?
ได้ SVG จะถูกวาดที่ความละเอียดสูงก่อน ไอคอนทุกขนาดจึงคมชัดสมบูรณ์แบบ รูปภาพสี่เหลี่ยมจัตุรัสให้ผลดีที่สุด ส่วนสัดส่วนอื่นจะถูกจัดกึ่งกลางพร้อมขอบโปร่งใส
โลโก้ของฉันถูกอัปโหลดไปยังเซิร์ฟเวอร์หรือไม่?
ไม่ ไอคอนทั้งหมดถูกสร้างในเบราว์เซอร์ของคุณ รูปภาพของคุณไม่ออกจากอุปกรณ์ของคุณเลย