แปลงไฟล์ฟรี

สร้าง Favicon
ไอคอนเว็บไซต์ครบทุกขนาด

อัปโหลดโลโก้ ได้ชุดไอคอนเว็บไซต์ครบ favicon.ico, ไอคอน iPhone, Android และ PWA พร้อมโค้ด HTML สำหรับใส่เว็บ ปรับพื้นหลัง ขอบ และมุมมนได้

ตัวอย่างบนแท็บเบราว์เซอร์
ชื่อเว็บไซต์ของคุณ
ชื่อเว็บไซต์ของคุณ

โค้ดสำหรับใส่ในเว็บไซต์

วางในส่วน head ของเว็บ และอัปโหลดไฟล์จาก .zip ไว้ที่โฟลเดอร์หลักของเว็บไซต์ ถ้าใช้ WordPress ใช้รูป 512×512 ตั้งที่ "ปรับแต่ง → อัตลักษณ์เว็บไซต์ → ไอคอนเว็บไซต์" ได้เลย

พื้นหลังไอคอน
สีพื้นหลัง
ระยะขอบ
ความมนของมุม

เกี่ยวกับเครื่องมือนี้

ไอคอนเล็กๆ บนแท็บ ทำให้เว็บดูน่าเชื่อถือขึ้น

คืออะไร

เครื่องมือสร้าง Favicon จากโลโก้ ได้ไฟล์ครบทุกขนาดที่เบราว์เซอร์และมือถือใช้ ได้แก่ favicon.ico (16/32/48), ไอคอน iPhone 180px, ไอคอน Android 192/512px และไฟล์ site.webmanifest พร้อมตัวอย่างบนแท็บเบราว์เซอร์ทั้งโหมดสว่างและมืด

เหมาะสำหรับ

  • เจ้าของเว็บไซต์ใหม่ที่ยังไม่มีไอคอนบนแท็บ
  • คนทำเว็บ WordPress, Shopify หรือ Landing Page
  • แบรนด์ที่เปลี่ยนโลโก้และต้องอัปเดตไอคอนทุกขนาด

วิธีใช้

  1. อัปโหลดโลโก้ (แนะนำ PNG พื้นโปร่งใสหรือ SVG)
  2. เลือกพื้นหลัง ระยะขอบ และความมน แล้วดูตัวอย่างบนแท็บ
  3. ดาวน์โหลดชุดไอคอน .zip
  4. อัปโหลดไฟล์ไว้ที่โฟลเดอร์หลักของเว็บ แล้ววางโค้ด HTML ในส่วน head (WordPress ตั้งได้ที่ ปรับแต่ง → อัตลักษณ์เว็บไซต์)

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

สร้าง Favicon ไอคอนเว็บไซต์

Favicon คืออะไร

คือไอคอนเล็กๆ ที่แสดงบนแท็บเบราว์เซอร์ บุ๊กมาร์ก ประวัติการเข้าชม และหน้าจอโฮมเมื่อบันทึกเว็บไว้ ช่วยให้ผู้ใช้จำและหาเว็บของคุณเจอง่ายขึ้น

ควรใช้รูปขนาดเท่าไหร่

ใช้โลโก้สี่เหลี่ยมจัตุรัสอย่างน้อย 512×512px โลโก้ที่มีตัวหนังสือเยอะจะอ่านไม่ออกที่ขนาด 16px ควรใช้สัญลักษณ์หรือตัวอักษรย่อแทน

ใน WordPress ต้องใช้ไฟล์ไหน

ไปที่ ปรับแต่ง → อัตลักษณ์เว็บไซต์ → ไอคอนเว็บไซต์ แล้วอัปโหลด android-chrome-512x512.png จากไฟล์ .zip WordPress จะสร้างขนาดอื่นให้อัตโนมัติ

ทำไม Favicon ไม่เปลี่ยนหลังอัปโหลด

เบราว์เซอร์เก็บ Favicon ในแคชนาน ลองเปิดเว็บในหน้าต่างไม่ระบุตัวตน หรือล้างแคชเบราว์เซอร์

เครื่องมือแปลงไฟล์อื่นๆ

ฟรีทุกตัว ไฟล์ไม่ถูกอัปโหลดขึ้นเซิร์ฟเวอร์