เครื่องสร้างฟาวิคอน

แปลงภาพ PNG, JPG หรือ WebP ใดก็ได้เป็นไฟล์ .ico มาตรฐานและทุกขนาดไอคอนที่เบราว์เซอร์ อุปกรณ์ Apple และ Android ต้องการ ตั้งแต่ 16x16 ถึง 512x512 รวมถึง Apple Touch icon ขนาด 180x180 พร้อมพรีวิวสด

ใช้งานฟรีไม่ต้องสมัครสมาชิกอัปเดต ก.พ. 2026

เครื่องสร้างฟาวิคอนลองใช้เลย — ฟรี ▼

ไฟล์ผลลัพธ์: ICO และ PNG รวมไอคอน Apple Touch และ Android Chrome/PWA พร้อมดาวน์โหลดเป็น ZIP

📤

ลากรูปภาพของคุณมาวางที่นี่

หรือคลิกเพื่อเลือกไฟล์

PNG JPG WebP GIF

รูปภาพต้นฉบับ

ขนาดพิกเซล -

ขนาดไฟล์ -

รูปแบบ -

⚙️

เลือกขนาดไอคอน

📄

ไฟล์ ICO (favicon.ico)

16×16

แท็บเบราว์เซอร์

32×32

แถบงาน

48×48

ไอคอนเดสก์ท็อป

64×64

High-DPI

128×128

Chrome Store

256×256

ไอคอน Vista+

🌐

ไอคอนเบราว์เซอร์สมัยใหม่และมือถือ

180×180

Apple Touch Icon

192×192

Android Chrome

512×512

PWA Splash

สีพื้นหลัง (สำหรับรูปภาพที่โปร่งใส):

เว้นว่างไว้หรือใช้ PNG โปร่งใสหากต้องการคงความโปร่งใสไว้

Embed เครื่องสร้างฟาวิคอน Widget

เกี่ยวกับ เครื่องสร้างฟาวิคอน

ยินดีต้อนรับสู่ เครื่องสร้างฟาวิคอน เครื่องมือที่ครอบคลุมสำหรับการสร้างฟาวิคอนและไอคอนแอปที่เป็นมืออาชีพจากรูปภาพใดก็ได้ ไม่ว่าคุณจะต้องการไฟล์ .ico แบบธรรมดาสำหรับแท็บเบราว์เซอร์ หรือชุดไอคอนที่สมบูรณ์สำหรับการรองรับ PWA (Progressive Web App) เครื่องมือนี้จะสร้างขนาดทั้งหมดที่คุณต้องการในคลิกเดียว

ฟาวิคอนคืออะไร?

ฟาวิคอน (ย่อมาจาก "favorite icon") คือไอคอนขนาดเล็กที่เกี่ยวข้องกับเว็บไซต์ของคุณ ซึ่งจะปรากฏในหลายที่:

แท็บเบราว์เซอร์: ไอคอนขนาดเล็กข้างชื่อหน้าของคุณ
แถบบุ๊กมาร์ก: เมื่อผู้ใช้บุ๊กมาร์กไซต์ของคุณ
ประวัติการเข้าชม: ในเมนูประวัติการเข้าชมแบบดรอปดาวน์
แถบที่อยู่: ข้าง URL ในเบราว์เซอร์บางตัว
หน้าจอหลัก: เมื่อผู้ใช้เพิ่มไซต์ของคุณลงในหน้าจอหลักของมือถือ
ผลการค้นหา: เครื่องมือค้นหาบางอย่างจะแสดงฟาวิคอนในผลลัพธ์

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

คำอธิบายขนาดไอคอน

ขนาดไฟล์ ICO (favicon.ico)

รูปแบบ .ico แบบดั้งเดิมสามารถบรรจุหลายขนาดไว้ในไฟล์เดียว เครื่องมือของเราจะสร้าง:

ขนาด	การใช้งานหลัก	แนะนำ
16x16	ไอคอนแท็บเบราว์เซอร์, แถบที่อยู่	ใช่ (จำเป็น)
32x32	แถบงาน Windows, เบราว์เซอร์รุ่นใหม่	ใช่ (จำเป็น)
48x48	ไอคอนทางลัดบนเดสก์ท็อป Windows	ใช่ (จำเป็น)
64x64	จอแสดงผล High-DPI, ไอคอนไซต์ Windows	ไม่บังคับ
128x128	Chrome Web Store, จอแสดงผลความละเอียดสูง	ไม่บังคับ
256x256	ไอคอน Windows Vista ขึ้นไป, High-DPI สูงมาก	ไม่บังคับ

Apple Touch Icon (180x180)

เมื่อผู้ใช้ iOS เพิ่มเว็บไซต์ของคุณไปยังหน้าจอหลัก ไอคอนนี้จะถูกใช้งาน Apple แนะนำขนาด 180x180 พิกเซลเพื่อการแสดงผลที่เหมาะสมบนอุปกรณ์ Retina ซึ่งแยกจากไฟล์ .ico และควรบันทึกเป็นชื่อ apple-touch-icon.png

ไอคอน Android Chrome (192x192 และ 512x512)

อุปกรณ์ Android และ Chrome สมัยใหม่รองรับ Progressive Web Apps (PWA) ไอคอนขนาด 192x192 ใช้สำหรับทางลัดบนหน้าจอหลัก ในขณะที่ 512x512 ใช้สำหรับหน้าจอ Splash Screen เมื่อเปิดแอป ไอคอนเหล่านี้จะถูกอ้างอิงในไฟล์ site.webmanifest

วิธีใช้งานเครื่องมือนี้

อัปโหลดรูปภาพของคุณ: ลากและวางหรือคลิกเพื่อเลือกรูปภาพ PNG, JPG หรือ WebP เพื่อผลลัพธ์ที่ดีที่สุด ควรใช้รูปภาพสี่เหลี่ยมจัตุรัสขนาดอย่างน้อย 512x512 พิกเซล รูปภาพ PNG ที่มีพื้นหลังโปร่งใสจะดีที่สุด
เลือกขนาด: เลือกขนาดไอคอนที่ต้องการสร้าง เราขอแนะนำให้เลือกอย่างน้อย 16x16, 32x32, 48x48 สำหรับไฟล์ ICO และ 180x180 สำหรับอุปกรณ์ Apple
ตั้งค่าสีพื้นหลัง: หากรูปภาพของคุณมีความโปร่งใสและคุณต้องการพื้นหลังทึบ ให้เลือกสี มิฉะนั้นให้ปล่อยเป็นแบบโปร่งใส
สร้าง: คลิกปุ่มเพื่อสร้างฟาวิคอนทั้งหมดของคุณ ดูตัวอย่างแต่ละขนาดเพื่อให้แน่ใจในคุณภาพ
ดาวน์โหลด: ดาวน์โหลดไฟล์แยกกันหรือดาวน์โหลดแพ็กเกจ ZIP ที่สมบูรณ์พร้อมไอคอนและส่วนโค้ดทั้งหมด

แนวทางปฏิบัติที่ดีที่สุดสำหรับการออกแบบฟาวิคอน

เน้นความเรียบง่าย: ฟาวิคอนมีขนาดเล็กมาก - โลโก้ที่มีรายละเอียดซับซ้อนจะไม่สามารถอ่านออกที่ขนาด 16x16 พิกเซลได้ ควรใช้โลโก้เวอร์ชันที่เรียบง่ายหรือสัญลักษณ์ที่โดดเด่น
ใช้ความเปรียบต่าง (Contrast): ตรวจสอบให้แน่ใจว่าไอคอนของคุณโดดเด่นทั้งบนพื้นหลังสีอ่อนและสีเข้ม (เนื่องจากธีมเบราว์เซอร์มีความหลากหลาย)
ทดสอบที่ขนาดเล็ก: ควรดูตัวอย่างฟาวิคอนของคุณที่ขนาด 16x16 เสมอเพื่อให้แน่ใจว่ายังจำได้
พิจารณาความโปร่งใส: ฟาวิคอนแบบ PNG สามารถมีพื้นหลังโปร่งใสได้ ซึ่งจะดูสะอาดตากว่าในเบราว์เซอร์สมัยใหม่
รูปแบบสี่เหลี่ยมจัตุรัส: เริ่มต้นด้วยรูปภาพต้นฉบับที่เป็นสี่เหลี่ยมจัตุรัสที่สมบูรณ์เสมอเพื่อหลีกเลี่ยงการบิดเบี้ยว

คู่มือการติดตั้ง

การติดตั้ง HTML พื้นฐาน

หลังจากสร้างฟาวิคอนของคุณแล้ว ให้เพิ่มโค้ดนี้ในส่วน <head> ของ HTML ของคุณ:

<!-- ฟาวิคอน -->
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">

<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

<!-- Android Chrome -->
<link rel="manifest" href="/site.webmanifest">

ไฟล์ PWA Manifest

สำหรับการรองรับ Progressive Web App ให้รวมไฟล์ site.webmanifest ที่อ้างถึงไอคอน Android ของคุณด้วย

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

ฟาวิคอนคืออะไรและทำไมฉันต้องมี?

ฟาวิคอน (Favicon หรือ favorite icon) คือไอคอนขนาดเล็กที่ปรากฏในแท็บเบราว์เซอร์ บุ๊กมาร์ก และแถบที่อยู่ ช่วยให้ผู้ใช้ระบุเว็บไซต์ของคุณได้อย่างรวดเร็วท่ามกลางแท็บที่เปิดอยู่มากมาย ฟาวิคอนที่เป็นมืออาชีพช่วยเพิ่มการจดจำแบรนด์และประสบการณ์ของผู้ใช้ เว็บไซต์สมัยใหม่ต้องการฟาวิคอนหลายขนาดสำหรับอุปกรณ์และเบราว์เซอร์ที่แตกต่างกัน

ฉันสามารถใช้รูปแบบรูปภาพใดในการสร้างฟาวิคอนได้บ้าง?

คุณสามารถอัปโหลดรูปภาพ PNG, JPG, JPEG, GIF หรือ WebP เพื่อผลลัพธ์ที่ดีที่สุด ควรใช้รูปภาพ PNG ที่มีพื้นหลังโปร่งใสขนาด 512x512 พิกเซลหรือใหญ่กว่า เครื่องมือจะปรับขนาดรูปภาพของคุณเป็นขนาดฟาวิคอนทั้งหมดที่เลือกโดยอัตโนมัติในขณะที่ยังคงคุณภาพไว้

ฉันควรสร้างฟาวิคอนขนาดใดบ้าง?

เพื่อการครอบคลุมเบราว์เซอร์ที่สมบูรณ์ เราขอแนะนำ: 16x16 (แท็บเบราว์เซอร์), 32x32 (แถบงาน Windows), 48x48 (เดสก์ท็อป Windows), 180x180 (Apple Touch Icon สำหรับ iOS), 192x192 และ 512x512 (Android Chrome) ขนาด 64x64, 128x128 และ 256x256 เป็นตัวเลือกเสริมแต่มีประโยชน์สำหรับจอแสดงผลความละเอียดสูง

รูปภาพที่ฉันอัปโหลดถูกเก็บไว้ในเซิร์ฟเวอร์ของคุณหรือไม่?

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

ฉันจะเพิ่มฟาวิคอนที่สร้างขึ้นไปยังเว็บไซต์ของฉันได้อย่างไร?

หลังจากสร้างฟาวิคอนของคุณแล้ว: 1) ดาวน์โหลดไฟล์ ZIP ที่มีไฟล์ไอคอนทั้งหมด 2) อัปโหลดไฟล์ไปยังไดเรกทอรีราก (root directory) ของเว็บไซต์คุณ 3) คัดลอกส่วนของโค้ด HTML ที่ให้ไว้ลงในส่วน <head> ของเว็บไซต์คุณ สำหรับการรองรับ PWA ให้รวมไฟล์ site.webmanifest ไปด้วย

แหล่งข้อมูลเพิ่มเติม

อ้างอิงเนื้อหา หน้าหรือเครื่องมือนี้ว่า:

"เครื่องสร้างฟาวิคอน" ที่ https://MiniWebtool.com/th/เครื่องสร้างฟาวิคอน/ จาก MiniWebtool, https://MiniWebtool.com/

โดยทีมงาน miniwebtool อัปเดตเมื่อ: 05 ก.พ. 2026