Stax
Tools

ตัวสร้าง Favicon

สร้างไฟล์ .ico + manifest พร้อมกัน

60%

Favicon Generator — สร้าง favicon ทุกขนาดที่ต้องการได้ฟรีในคลิกเดียว

Favicon คือไอคอนขนาดเล็กที่ปรากฏในแท็บเบราว์เซอร์ bookmark และทางลัดหน้าจอหลักบนมือถือ การทำให้ถูกต้องต้องสร้างรูปเดียวกันในแปดขนาดต่างกัน ตั้งแต่ไอคอนแท็บเบราว์เซอร์ 16×16 ไปจนถึงรูป splash screen PWA ขนาด 512×512 Generator นี้สร้างทุกขนาดจาก source เดียว (ข้อความ ตัวอักษร หรือโลโก้ที่อัปโหลด) และให้ snippet HTML เพื่อเพิ่มลงในเว็บไซต์ของคุณได้ทันที

เลือกโหมด Text เพื่อสร้าง favicon จากหนึ่งหรือสองตัวอักษร (เหมาะสำหรับ initials แบรนด์เช่น "S" สำหรับ Stax หรือ "G" สำหรับ Google) จากนั้นเลือกสีพื้นหลัง สีข้อความ และรูปแบบมุม ไม่ว่าจะเป็นสี่เหลี่ยม มน หรือวงกลม หรือสลับไปโหมด Upload และอัปโหลดไฟล์โลโก้ที่มีอยู่ เพื่อผลลัพธ์ที่ดีที่สุดให้ใช้รูปสี่เหลี่ยมที่มีความคมชัดสูงซึ่งยังอ่านออกได้ที่ 16 pixel คลิก Generate และดาวน์โหลดไฟล์ PNG แต่ละขนาด หรือใช้ไอคอนคัดลอกถัดจาก snippet HTML เพื่อรับแท็ก <link> ทั้งหมดที่ต้องการสำหรับส่วน <head> ของเว็บไซต์คุณ

ชุดขั้นต่ำคือ 16×16 (แท็บเบราว์เซอร์บนหน้าจอ low-DPI), 32×32 (แท็บเบราว์เซอร์บน high-DPI และ Windows taskbar), 180×180 (Apple Touch Icon สำหรับหน้าจอหลัก iOS และ iPad), 192×192 (ทางลัดหน้าจอหลัก Android Chrome) และ 512×512 (splash screen Progressive Web App และ maskable icon) ขนาด 48×48 และ 64×64 ครอบคลุมแอปพลิเคชัน desktop และเบราว์เซอร์รุ่นเก่า การให้ชุดที่สมบูรณ์ช่วยให้แน่ใจว่าไอคอนแบรนด์ของคุณดูคมชัดบนทุกอุปกรณ์และระบบปฏิบัติการที่ผู้ใช้อาจบันทึกหรือ bookmark เว็บไซต์ของคุณ

นักพัฒนาเดี่ยวและ freelancer ใช้เมื่อเปิดตัวเว็บไซต์ให้ลูกค้า สร้าง favicon ชุดสมบูรณ์ในสองนาทีแทนที่จะเปิด Figma ส่งออก ปรับขนาดใน image editor และทำซ้ำแปดครั้ง ผู้ก่อตั้ง startup ใช้สำหรับ MVP ในระยะเริ่มต้นที่ icon แท็บที่ดูเป็นมืออาชีพมีความสำคัญต่อความน่าเชื่อถือ ผู้ดูแล open-source project ใช้เพื่อสร้าง favicon สำหรับเว็บไซต์เอกสารจาก initials ของโปรเจกต์อย่างรวดเร็วก่อนออกแบบโลโก้จริง

การสร้าง favicon ทั้งหมดเกิดขึ้นในเบราว์เซอร์โดยใช้ HTML Canvas API โลโก้ที่อัปโหลดและรูปที่สร้างขึ้นของคุณจะไม่ออกจากอุปกรณ์และจะไม่ถูกส่งไปยังเซิร์ฟเวอร์ใด ๆ

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

What favicon sizes do I need?
The minimum set is: 16×16 (browser tab), 32×32 (high-DPI tab), 180×180 (Apple Touch Icon for iOS), 192×192 (Android Chrome), and 512×512 (PWA splash screen). This generator produces all 8 common sizes including 48×48 and 128×128.
How do I add a favicon to my website?
Download the favicon PNGs and upload them to your website's root or /public folder. Then add the HTML link tags shown in the snippet below the generated icons to your <head>. The 32×32 PNG covers most browsers; add the Apple Touch and 192×192 for mobile.
Can I use my own logo as a favicon?
Yes. Switch to 'Upload image' mode and upload your logo file. For best results use a square image (1:1 aspect ratio) with high contrast that is legible at 16×16 pixels. The generator scales your image to all required sizes.
What shape options are available?
Square (sharp corners), Rounded (20% border-radius, iOS-style), and Circle. All shapes are rendered on canvas so the background colour fills only within the chosen shape, with a transparent outer area.
Do I still need a .ico file?
Modern browsers support PNG favicons directly with the <link rel='icon' type='image/png'> tag. .ico files are only required for very old browsers (Internet Explorer < 11) and some desktop applications. For most websites, PNG favicons are sufficient.

เครื่องมือที่เกี่ยวข้อง