logo
GeekFormat

สร้าง Favicon

เครื่องมือสร้าง Favicon ในหน้าเดียว

ตัวอย่าง

text · G
--
16×16
--
32×32
--
180
--
192
--
512
แพ็กเกจประกอบด้วย:favicon.ico · 16/32/180/192/512 png · site.webmanifest

โค้ด HTML สำหรับติดตั้ง

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">

วางไฟล์ไว้ที่ root ของเว็บไซต์และใส่โค้ดลงใน <head>

เครื่องมือสร้าง Favicon ออนไลน์ฟรี รองรับสร้าง favicon.ico ไอคอนเว็บไซต์ แพ็คเกจไอคอนหลายขนาดและโค้ดติดตั้ง เหมาะสำหรับเว็บไซต์ทางการ บล็อก เว็บไซต์อิสระและหน้าแบรนด์Launch

คำแนะนำที่เกี่ยวข้อง

กรณีการใช้งาน

  • สร้างไอคอนแท็บเบราว์เซอร์อย่างรวดเร็วเมื่อสร้างบล็อกหรือเว็บไซต์ทางการใหม่เพื่อเพิ่มการจดจำแบรนด์
  • สร้าง favicon.ico และ PNG หลายขนาดสำหรับเว็บไซต์อิสระหรือหน้า Landing
  • ปรับให้สม่ำเสมอทรัพยากรไอคอนเว็บไซต์ก่อนLaunch ระบบจัดการหลังบ้าน
  • ใช้ Emoji หรืออักษรแบรนด์สร้างแผนไอคอนเว็บไซต์เบาระดับ

คุณสมบัติ

  • แหล่งไอคอนหลากหลาย: รองรับสร้าง favicon จากข้อความ รูปภาพและ Emoji เหมาะสำหรับการสร้างไอคอนแบรนด์เว็บไซต์อย่างรวดเร็ว
  • ส่งออกครบถ้วน: สามารถสร้าง favicon.ico PNG หลายขนาดและโค้ดติดตั้งทั่วไป ทำให้การติดตั้งสะดวกขึ้น
  • เหมาะสำหรับเว็บไซต์: บล็อก เว็บไซต์ทางการ หน้า Landing และระบบหลังบ้านผลิตภัณฑ์สามารถรับไอคอนเว็บไซต์แบบเดียวกันได้รวดเร็ว
  • คลิกเดียวดาวน์โหลดใช้ได้: หลังสร้างแล้วสามารถดาวน์โหลดแพ็คเกจได้โดยตรง ลดต้นทุนการตัดภาพด้วยตนเองและการจัดหลายขนาด

วิธีการใช้งาน

  1. เลือกแหล่งไอคอน (ข้อความ อัปโหลดรูปภาพหรือ Emoji)
  2. ตั้งค่าสไตล์ไอคอน สีและพื้นหลัง
  3. เครื่องมือสร้าง favicon.ico PNG หลายขนาดและโค้ดติดตั้งอัตโนมัติ
  4. ดาวน์โหลดแพ็คเกจไอคอนหรือคัดลอกโค้ดการปรับใช้ในส่วนหัวเว็บ

คำถามที่พบบ่อย

เครื่องมือสร้าง Favicon เหมาะสำหรับสถานการณ์เว็บไซต์ใด

เหมาะสำหรับบล็อก เว็บไซต์ทางการ เว็บไซต์อิสระ หน้ากิจกรรมและระบบหลังบ้านเพื่อสร้างไอคอนแท็บเบราว์เซอร์อย่างรวดเร็ว เพิ่มการจดจำและความรู้สึกแบรนด์ของเว็บไซต์

สามารถสร้าง favicon.ico และไอคอนหลายขนาดได้หรือไม่

ได้ สถานการณ์ไอคอนเว็บไซต์ทั่วไปมักต้องการ favicon.ico และ PNG หลายขนาด เพื่อใช้ในเบราว์เซอร์ เดสก์ท็อปและอุปกรณ์มือถือ

รองรับการใช้ข้อความ รูปภาพและ Emoji เป็นไอคอนเว็บไซต์หรือไม่

รองรับ คุณสามารถเลือกอักษรอัปโหลดรูปภาพหรือใช้ Emoji เพื่อสร้างไอคอนเบาได้ตามสไตล์แบรนด์

หลังสร้างแล้วสามารถนำไปใส่ในเว็บไซต์ได้โดยตรงหรือไม่

ได้ หลังสร้างแพ็คเกจไอคอนและโค้ดติดตั้งแล้วสามารถคัดลอกหรือดาวน์โหลดได้โดยตรง เพื่อใช้ต่อในส่วนหัวเว็บและการติดตั้งทรัพยากรเว็บไซต์

Case Converterจำลองตาบอดสีตัวแปลงสีเครื่องมือแปลง htaccess เป็น Nginxตัวสร้าง Cronตัวตรวจสอบ Cronจัดรูปแบบ CSSบีบอัด CSSCSV เป็น Excelแปลงค่าเงินตรวจสอบความแตกต่างสร้าง Faviconจัดรูปแบบ XMLตัวแปลงเลขฐานสิบหกจัดรูปแบบ HTMLบีบอัด HTMLHTML เป็น Markdownจัดรูปแบบ JSบีบอัด JSจัดรูปแบบ JSXบีบอัด JSXจัดกลุ่มคีย์เวิร์ดสร้าง Lorem Ipsumสร้างตาราง Markdownแปลง Markdown เป็น HTMLสร้าง Meta Tagsเครื่องมือสร้างรหัสผ่านตรวจสอบความแข็งแรงรหัสผ่านเครื่องสร้าง QR Code/บาร์โค้ดเครื่องมือทดสอบ Regexสร้าง URL Slugสร้าง SQLจัดรูปแบบ SQLเครื่องนับคำเครื่องมือเวลาจัดรูปแบบ TSบีบอัด TSจัดรูปแบบ TSXบีบอัด TSXแปลงหน่วยตัวแปลง Unix Timestampเครื่องมือสร้าง UUIDจัดรูปแบบ YAML