Favicon Generator
สร้าง Favicon จากรูปภาพ
อัปโหลดรูปโลโก้หรือภาพใดก็ได้ — แปลงเป็นไฟล์ favicon.ico พร้อมหลายขนาด 16–256px พรีวิวแบบแท็บเบราว์เซอร์ทันที ดาวน์โหลด .ico หรือ ZIP รวม PNG ทุกขนาด
ลากรูปมาวางที่นี่
หรือ เลือกรูปจากเครื่อง · วางด้วย Ctrl+V
รองรับ JPG, PNG, WEBP, SVG · สูงสุด ~10MB · โปร่งใส (PNG) ยังโปร่งใสใน favicon
image.png
—
เลือกหลายขนาด .ico จะรวมทุกขนาดในไฟล์เดียว (modern ICO แบบ PNG) — 16, 32, 48 คือมาตรฐานFavIcon
จะใช้เป็นชื่อไฟล์ .ico และ prefix ของ PNG/ZIP ด้วย
พรีวิว · Preview
—เว็บไซต์ของคุณ — favicon จะขึ้นแบบนี้บนแท็บ
https://example.com · ดูว่าขนาด 16×16 ชัดไหมเมื่อย่อเล็ก
ดาวน์โหลด & โค้ดติดตั้ง
—<link rel="icon" href="/favicon.ico" sizes="any"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="apple-touch-icon" href="/apple-touch-icon.png">
วางไฟล์ favicon.ico ไว้ที่ root ของเว็บ (เช่น /public/favicon.ico) แล้วใส่โค้ดนี้ใน <head> — เบราว์เซอร์จะเลือกขนาดที่เหมาะเอง
ไฟล์ทั้งหมดสร้างบนเครื่องคุณด้วย canvas.toDataURL + ICO packer — ไม่มีการอัปโหลด ปิดแท็บแล้วไฟล์หาย
เคล็ดลับ: ใช้รูปสี่เหลี่ยมจัตุรัส ขนาดอย่างน้อย 512×512 จะได้ favicon คมทุกขนาด · โลโก้พื้นหลังโปร่งใส (PNG) จะสวยที่สุด
คมทุกขนาด 16–256px
เรนเดอร์ด้วย canvas แบบ high-quality เลือกได้ว่าจะใส่ 16/32/48/64/128/256 หรือ Apple Touch 180/192 — รวมเป็น .ico เดียวที่เบราว์เซอร์เลือกขนาดเอง
เป็นส่วนตัว 100%
รูปไม่ถูกส่งไปเซิร์ฟเวอร์ ประมวลผลบนเบราว์เซอร์ 100% ปิดแท็บคือหาย — ใช้กับโลโก้แบรนด์หรือไอคอนส่วนตัวได้อย่างสบายใจ
พร้อมใช้งานทันที
ดาวน์โหลด favicon.ico เดี่ยวๆ หรือ ZIP รวม PNG ทุกขนาด + โค้ด <link> ให้ copy ไปวางในเว็บได้เลย
คำถามที่พบบ่อย
Favicon คืออะไร และควรมีขนาดไหนบ้าง?
Favicon คือไอคอนเล็กๆ ที่ขึ้นบนแท็บเบราว์เซอร์ บุ๊กมาร์ก และผลการค้นหา — มาตรฐานคือ 16×16, 32×32, 48×48 รวมอยู่ในไฟล์เดียว favicon.ico เบราว์เซอร์จะเลือกขนาดที่เหมาะเอง ส่วน 180×180 (Apple Touch) และ 192×192 ใช้สำหรับ iOS/Android เมื่อเพิ่มเว็บไว้ที่หน้าจอโฮม
รูปแบบไหนทำ favicon แล้วสวยที่สุด?
แนะนำรูปสี่เหลี่ยมจัตุรัส ขนาดอย่างน้อย 512×512 และเป็น PNG พื้นหลังโปร่งใส จะได้ขอบคมไม่ติดพื้นหลังสีขาว หากโลโก้ยาวหรือสูง ให้เปิด padding 10–16% เพื่อเว้นขอบไม่ให้ชิดจนดูอึดอัด — ลองสลับดูพรีวิว 16px ว่ายังอ่านออกไหม
ไฟล์ .ico กับ PNG ต่างกันยังไง ต้องใช้อันไหน?
ไฟล์ favicon.ico เป็นไฟล์เดียวที่รวมหลายขนาดแบบ PNG ไว้ข้างใน (modern ICO) วางไว้ที่ /favicon.ico เบราว์เซอร์รุ่นเก่า-ใหม่ก็อ่านได้หมด ส่วน PNG แยกขนาดมีไว้สำหรับ <link rel="icon" type="image/png"> และ apple-touch-icon โดยเฉพาะ — ดาวน์โหลดแบบ ZIP จะได้ทั้งสองแบบครบชุด
ติดตั้ง favicon บนเว็บยังไง?
1) ดาวน์โหลด favicon.ico แล้ววางที่โฟลเดอร์ public/ หรือ root ของเว็บ 2) คัดลอกโค้ด <link> จากกล่องด้านบนไปวางใน <head> ของทุกหน้า 3) Deploy แล้ว hard-refresh (Ctrl+Shift+R) เบราว์เซอร์อาจแคช favicon เก่าไว้ ต้องล้างแคชหรือเปิดแท็บใหม่
รูปของฉันจะถูกเก็บไว้ไหม ปลอดภัยแค่ไหน?
ปลอดภัย 100% — รูปอ่านด้วย FileReader และเรนเดอร์ด้วย canvas บนเครื่องคุณเท่านั้น ไม่มีการอัปโหลดไปเซิร์ฟเวอร์ ไม่เก็บ log ปิดแท็บหรือกด “ล้างทั้งหมด” รูปและไฟล์ที่สร้างก็หายทันที ใช้กับโลโก้แบรนด์หรือไอคอนที่มีลิขสิทธิ์ได้อย่างสบายใจ