เครื่องสร้างฟาวิคอน
แปลงรูปภาพใดๆ (PNG, JPG, WebP) เป็นไฟล์ .ico มาตรฐาน และสร้างไอคอนทุกขนาดที่จำเป็นสำหรับเบราว์เซอร์สมัยใหม่, อุปกรณ์ Apple และ Android รวมถึงขนาด 16x16, 32x32, 48x48, 64x64, 128x128, 180x180 (Apple Touch), 192x192 และ 512x512 พร้อมการแสดงตัวอย่างสดและดาวน์โหลดได้ในคลิกเดียว
เปลี่ยนรูปภาพใดๆ ให้เป็นฟาวิคอนแบบมืออาชีพ
อัปโหลดโลโก้หรือรูปภาพของคุณและสร้างไอคอนทุกขนาดที่เว็บไซต์ของคุณต้องการในทันที ตั้งแต่ไฟล์ ICO แบบคลาสสิกไปจนถึงไอคอน PWA สมัยใหม่
ตัวบล็อกโฆษณาของคุณทำให้เราไม่สามารถแสดงโฆษณาได้
MiniWebtool ให้ใช้งานฟรีเพราะมีโฆษณา หากเครื่องมือนี้ช่วยคุณได้ โปรดสนับสนุนเราด้วย Premium (ไม่มีโฆษณา + เร็วขึ้น) หรืออนุญาต MiniWebtool.com แล้วรีโหลดหน้าเว็บ
- หรืออัปเกรดเป็น Premium (ไม่มีโฆษณา)
- อนุญาตโฆษณาสำหรับ MiniWebtool.com แล้วรีโหลด
เกี่ยวกับ เครื่องสร้างฟาวิคอน
ยินดีต้อนรับสู่ เครื่องสร้างฟาวิคอน เครื่องมือที่ครอบคลุมสำหรับการสร้างฟาวิคอนและไอคอนแอปที่เป็นมืออาชีพจากรูปภาพใดก็ได้ ไม่ว่าคุณจะต้องการไฟล์ .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
เครื่องมืออื่นๆ ที่เกี่ยวข้อง:
เครื่องมือสำหรับเว็บมาสเตอร์:
- เครื่องคิดเลข CPC
- เครื่องคำนวณ CPM
- CSS Compressor
- เครื่องสร้างฟาวิคอน ใหม่
- เครื่องคำนวณ Google AdSense
- เครื่องสร้าง cron job แนะนำ
- เครื่องสร้างนิพจน์ crontab ใหม่
- คอมเพรสเซอร์ HTML
- ตัวแปลง HTML เป็นข้อความ แนะนำ
- เครื่องตรวจสอบความหนาแน่นของคำหลัก ใหม่
- เครื่องสร้างตาราง Markdown ใหม่
- เครื่องสร้างเมตาแท็ก
- เครื่องลบเครื่องหมายคำพูดอัจฉริยะ ใหม่
- ตัวสร้าง URL Slug ใหม่
- เครื่องคำนวณค่าหน้า
- เครื่องคำนวณมูลค่าผู้เข้าชม
- ตัวคำนวณสิทธิ์ Unix (chmod) แนะนำ
- ตัวเข้ารหัส/ถอดรหัส HTML Entity ใหม่
- ตัวสร้าง Lorem Ipsum ใหม่
- Escape Unescape สตริง JSON ใหม่
- เครื่องแปลง cURL เป็น JSON ใหม่
- ตัวจัดรูปแบบ SQL ใหม่
- เครื่องมือปรับแต่ง SVG ใหม่
- เครื่องมือสร้างรหัสการเปลี่ยนเส้นทาง .htaccess ใหม่