คู่มือ
คำแนะนำไอคอน Fav ทีละขั้นตอนสำหรับทุกขนาด รูปแบบ และแพลตฟอร์ม — พร้อมเครื่องมือฟรีสำหรับสร้างและติดตั้งไอคอนของคุณ
เริ่มต้นใช้งาน
สร้าง แปลง และดูตัวอย่างไอคอน Fav จากรูปภาพต้นฉบับใดๆ
แปลง PNG เป็น Favicon
เปลี่ยน PNG ให้เป็น favicon.ico หลายขนาดในไม่กี่วินาที ฟรี ในเบราว์เซอร์ ไม่ต้องสมัคร ไม่ต้องอัพโหลด
อ่านวิธีสร้าง Favicon
สร้าง favicon ระดับมืออาชีพจากรูปภาพใดๆ ในเวลาไม่ถึงนาที ครอบคลุม .ico, PNG, SVG และ apple-touch-icon
อ่านเครื่องกำเนิด Favicon โปร่งใส
สร้างไอคอน Fav ที่จะรักษาพื้นหลังแบบโปร่งใส ทำงานในโหมดมืดและบนธีมเบราว์เซอร์ใดก็ได้
อ่านเครื่องมือแสดงตัวอย่าง Favicon
ดูตัวอย่างไอคอน Fav ของคุณทุกขนาดและทุกธีมของเบราว์เซอร์ทั่วไปก่อนจัดส่ง
อ่านเครื่องกำเนิดไอคอนแอป
สร้างทุกขนาดไอคอนแอปที่คุณต้องการสำหรับ iOS, Android, Windows และ macOS จากอิมเมจต้นฉบับเดียว
อ่าน
ขนาดไอคอน Fav
ทุกความละเอียดมาตรฐาน — ตั้งแต่ไอคอน 16×16 แท็บไปจนถึง 512×512 PWA
16×16 ตัวสร้าง Favicon
สร้างไอคอน favicon 16×16 ที่คมชัดในไม่กี่วินาที โปรแกรมสร้างฟรี ไม่ต้องสมัคร ประมวลผลทั้งหมดในเบราว์เซอร์ของคุณ
อ่าน32×32 ตัวสร้าง Favicon
สร้างไอคอน favicon 32×32 ที่คมชัดในไม่กี่วินาที โปรแกรมสร้างฟรี ไม่ต้องสมัคร ประมวลผลทั้งหมดในเบราว์เซอร์ของคุณ
อ่าน48×48 ตัวสร้าง Favicon
สร้างไอคอน favicon 48×48 ที่คมชัดในไม่กี่วินาที โปรแกรมสร้างฟรี ไม่ต้องสมัคร ประมวลผลทั้งหมดในเบราว์เซอร์ของคุณ
อ่าน64×64 ตัวสร้าง Favicon
สร้างไอคอน favicon 64×64 ที่คมชัดในไม่กี่วินาที โปรแกรมสร้างฟรี ไม่ต้องสมัคร ประมวลผลทั้งหมดในเบราว์เซอร์ของคุณ
อ่าน128×128 ตัวสร้าง Favicon
สร้างไอคอน favicon 128×128 ที่คมชัดในไม่กี่วินาที โปรแกรมสร้างฟรี ไม่ต้องสมัคร ประมวลผลทั้งหมดในเบราว์เซอร์ของคุณ
อ่าน256×256 ตัวสร้าง Favicon
สร้างไอคอน favicon 256×256 ที่คมชัดในไม่กี่วินาที โปรแกรมสร้างฟรี ไม่ต้องสมัคร ประมวลผลทั้งหมดในเบราว์เซอร์ของคุณ
อ่านอธิบายขนาด Favicon
ทำความเข้าใจขนาดไอคอน Fav 16, 32, 48, 64, 128, 180, 192 และ 512 พิกเซล: ตำแหน่งที่ใช้และขนาดที่จะจัดส่ง
อ่านขนาด Favicon ที่ดีที่สุดในปี 2026
คุณควรสร้าง favicon ขนาดใด รายละเอียดเชิงปฏิบัติของ 16, 32, 48, 180, 192 และ 512 พิกเซล และตำแหน่งที่ใช้แต่ละรายการ
อ่าน
เปรียบเทียบรูปแบบแล้ว
ICO กับ PNG กับ SVG — ควรใช้แต่ละรายการเมื่อใดและจะรวมเข้าด้วยกันอย่างไร
รูปแบบ Favicon ที่ดีที่สุดในปี 2026
คุณควรจัดส่ง favicon รูปแบบใด เปรียบเทียบ ICO, PNG และ SVG สำหรับการรองรับเบราว์เซอร์ ขนาดไฟล์ และความคมชัด
อ่านFavicon (.ico) กับ PNG
การเปรียบเทียบไอคอน Fav ของ .ico และ PNG แบบเทียบเคียงกัน: การรองรับหลายขนาด ขนาดไฟล์ ความเข้ากันได้ของเบราว์เซอร์ และพฤติกรรมของโหมดมืด
อ่านFavicon (.ico) กับ SVG
เปรียบเทียบไอคอน Fav .ico และ SVG สำหรับการรองรับเบราว์เซอร์ การจัดการโหมดมืด ขนาดไฟล์ และความสามารถในการปรับขนาด
อ่านICO กับ PNG
การเปรียบเทียบโดยละเอียดของรูปแบบ ICO และ PNG สำหรับไอคอน ไอคอน Fav และทางลัด Windows กรณีการใช้งาน ขนาดไฟล์ ความเข้ากันได้
อ่าน
แพลตฟอร์มและเฟรมเวิร์ก
เพิ่ม favicon ให้กับ WordPress, Shopify, React, Next.js และอื่นๆ
ไอคอน Fav สำหรับ WordPress
คำแนะนำทีละขั้นตอนในการเพิ่ม favicon ไปยังไซต์ WordPress — ผ่านทางเครื่องมือปรับแต่ง ธีม หรือปลั๊กอิน ไม่จำเป็นต้องมีการเข้ารหัส
อ่านไอคอน Fav สำหรับ Shopify
เพิ่ม favicon แบบกำหนดเองไปยังร้านค้า Shopify ของคุณในไม่กี่นาที — ผ่านเครื่องมือแก้ไขธีม โดยไม่จำเป็นต้องมีนักพัฒนา
อ่านไอคอน Fav สำหรับ React
เพิ่ม favicon ให้กับแอป React ที่สร้างด้วย Vite หรือสร้างแอป React รวมการตั้งค่า SVG หลายขนาดและโหมดมืด
อ่านไอคอน Fav สำหรับ Next.js
เพิ่ม favicon ให้กับโปรเจ็กต์ Next.js 14+ App Router รวมรูปแบบไอคอนตามไฟล์ใหม่และการตั้งค่าหลายขนาด
อ่านไอคอน Fav สำหรับ Webflow
อัปโหลด favicon ไปยังไซต์ Webflow จากการตั้งค่าโครงการ ขนาด รูปแบบ และเคล็ดลับการป้องกันแคช
อ่านไอคอน Fav สำหรับ Wix
เพิ่มหรือเปลี่ยนไอคอนไซต์ Wix ของคุณจากแดชบอร์ด ขนาดและรูปแบบที่แนะนำสำหรับเว็บไซต์ Wix
อ่าน
HTML & PWA
ลิงก์แท็ก apple-touch-icon และการตั้งค่ารายการแอปพลิเคชันบนเว็บ
Apple คำแนะนำไอคอนสัมผัส
สร้างและลิงก์ apple-touch-icon.png สำหรับ iPhone และ iPad อธิบายขนาด รูปแบบ แท็ก HTML และแคช
อ่านคู่มือรายการ Web App
เขียนรายการแอปพลิเคชันเว็บด้วยไอคอน 192×192 และ 512×512 สีของธีม และติดตั้งข้อมูลเมตาสำหรับ Android และ Chromium
อ่านเครื่องกำเนิด Favicon HTML
สร้างแท็ก <link> ที่แน่นอนเพื่อวางลงใน <head> ของคุณเพื่อการตั้งค่า Favicon ที่สมบูรณ์แบบในทุกเบราว์เซอร์และแพลตฟอร์ม
อ่านวิธีเพิ่ม Favicon ให้กับ HTML
แท็ก <link> ที่แน่นอนที่จะวางลงใน <head> ของคุณเพื่อการตั้งค่า favicon ที่สมบูรณ์แบบในทุกเบราว์เซอร์ รวมถึง PWA และ apple-touch-icon
อ่าน
Windows ไอคอน
ไฟล์ .ico หลายขนาดสำหรับทางลัด Explorer และตัวติดตั้ง
ยูทิลิตี้รูปภาพ
ปรับขนาด เพิ่มประสิทธิภาพ และตรวจสอบภาพก่อนจัดส่งไอคอน
ตัวปรับขนาดไอคอนโซเชียลมีเดีย
ปรับขนาดโลโก้ของคุณให้เป็นขนาดรูปโปรไฟล์สำหรับ Twitter/X, Facebook, Instagram, LinkedIn, YouTube และอื่นๆ
อ่านตัวตรวจสอบขนาดรูปภาพ
ตรวจสอบขนาด, DPI, โปรไฟล์สี และอัตราส่วนภาพของรูปภาพได้ทันที ไม่มีการอัปโหลด — ทำงานในเบราว์เซอร์ของคุณ
อ่านSVG เครื่องมือเพิ่มประสิทธิภาพ
เพิ่มประสิทธิภาพไฟล์ SVG ในเบราว์เซอร์ของคุณ ลบข้อมูลเมตาของตัวแก้ไข ยุบเส้นทางที่ซ้ำซ้อน และตัดขนาดสูงสุด 80%
อ่าน