สร้าง ICO

คลิกเพื่ออัปโหลดภาพ

มี การ แนะ นํา ให้ ใช้ รูป สี่เหลี่ยมจัตุรัส เพื่อ ได้ ผล ดี ที่ สุด.

ขนาดเอาต์พุต

|

ขนาดทั่วไปของ Windows

16px
32px
48px
64px
128px
256px

อัปโหลดรูปภาพเพื่อแสดงตัวอย่าง

อัปโหลดรูป เลือกขนาด 8-256px แล้วดาวน์โหลด favicon.ico พร้อม PNG สำหรับเว็บไซต์ ทางลัดเดสก์ท็อป และแอป

คำแนะนำที่เกี่ยวข้อง

ไอคอน ICO คืออะไร?

ICO คือรูปแบบคอนเทนเนอร์ไอคอนที่เก็บภาพบิตแมปหลายขนาดไว้ในไฟล์ .ico เดียว

favicon.ico มักวางไว้ที่รากของเว็บไซต์ เพื่อแสดงไอคอนในแท็บ บุ๊กมาร์ก ประวัติ และพื้นที่อื่นของเบราว์เซอร์

หน้านี้ใช้แปลงโลโก้หรือรูปที่มีอยู่เป็น ICO หลายขนาด ไม่ใช่เครื่องมือวาดไอคอนตั้งแต่ต้น

กรณีการใช้งาน

  • แปลงโลโก้เว็บไซต์เป็น favicon.ico สำหรับแท็บและบุ๊กมาร์ก
  • สร้าง ICO หลายขนาดสำหรับทางลัด Windows โฟลเดอร์ หรือซอฟต์แวร์
  • เตรียม PNG 128px, 180px และ 256px สำหรับ PWA หรือเว็บมือถือ
  • แปลงไฟล์ PNG หรือ WEBP จากงานออกแบบเป็น favicon ที่นำไปใช้ได้
  • ตรวจว่าไอคอน 16px และ 32px ยังมองออกก่อนเผยแพร่เว็บไซต์

วิธีการใช้งาน

  1. อัปโหลดรูปสี่เหลี่ยม PNG, JPG, WEBP หรือ BMP แนะนำ 256px ขึ้นไป
  2. เลือกขนาดที่ต้องการ เว็บไซต์ทั่วไปควรมีอย่างน้อย 16, 32, 48 และ 256px
  3. ดูตัวอย่างด้านขวาและตรวจว่าไอคอนเล็กยังจำได้
  4. สร้างและดาวน์โหลด ขนาดเดียวได้ .ico หลายขนาดได้ zip ที่มี .ico และ PNG

คุณสมบัติ

  • สร้าง ICO หลายขนาด 8, 16, 24, 32, 40, 48, 64, 72, 96, 128, 180 และ 256px
  • แปลง PNG, JPG, WEBP, BMP และรูปที่เบราว์เซอร์อ่านได้เป็น favicon.ico
  • เมื่อเลือกหลายขนาด จะดาวน์โหลด zip ที่มี .ico และ PNG แต่ละขนาด
  • การย่อด้วย Canvas และแพ็ก ICO ทำในอุปกรณ์ของคุณ โลโก้ไม่ถูกอัปโหลด
  • ดูตัวอย่างขนาดเล็กก่อนส่งออก เพื่อเช็กว่า 16px ยังมองออก

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

แปลง PNG หรือ JPG เป็น ICO อย่างไร?

อัปโหลดรูป เลือกขนาดที่ต้องการ แล้วสร้าง ICO หากเลือกหลายขนาด ไฟล์ ICO จะมีภาพ PNG หลายขนาดอยู่ภายใน

ควรเลือกขนาด favicon ใด?

สำหรับเว็บไซต์ มักใช้ 16, 32, 48, 64 และ 256px ขนาด 16px สำหรับแท็บแบบเก่า 32px สำหรับแท็บคมชัด 48px สำหรับ Windows และ 256px สำหรับความละเอียดสูง

เครื่องมือนี้สร้างไอคอน 512px ได้ไหม?

หน้านี้สร้าง ICO ขนาด 8 ถึง 256px หากต้องการ 512px สำหรับ PWA หรือร้านแอป ให้สร้าง PNG แยกด้วยเครื่องมือปรับขนาดรูป

พื้นหลังโปร่งใสจะยังอยู่ไหม?

อยู่ หากไฟล์ PNG หรือ WEBP ต้นฉบับมี alpha channel พิกเซลโปร่งใสจะยังอยู่ใน PNG และ ICO ที่สร้าง

ไอคอนถูกอัปโหลดไปเซิร์ฟเวอร์ไหม?

ไม่ การอ่านรูป ย่อขนาด สร้าง ICO และทำ zip ทำในเบราว์เซอร์ของคุณ

ทำไม favicon ขนาดเล็กดูไม่ชัด?

favicon มีขนาดเล็กมาก ควรใช้รูปสี่เหลี่ยม ขอบชัด และตรวจตัวอย่าง 16px กับ 32px ก่อนดาวน์โหลด

อภิธานศัพท์

favicon
ไอคอนเว็บไซต์ที่แสดงในแท็บ บุ๊กมาร์ก และประวัติเบราว์เซอร์
ICO
รูปแบบคอนเทนเนอร์ไอคอนของ Windows ที่เก็บหลายขนาดในไฟล์เดียว
ไอคอนหลายขนาด
ไอคอนเดียวกันหลายขนาดพิกเซล เพื่อให้ระบบเลือกเวอร์ชันที่คมที่สุด

อ้างอิงขนาด ICO

ขนาดการใช้งานคำแนะนำ
8pxไอคอนเล็กมากใช้กรณีพิเศษ
16pxแท็บเบราว์เซอร์ขนาด favicon จำเป็น
32pxแท็บและบุ๊กมาร์กคมชัดมาตรฐานสมัยใหม่
48pxไอคอน Windowsเหมาะกับเดสก์ท็อป
64px / 96pxจอ High-DPIคมขึ้นเมื่อแสดงใหญ่
128px / 180pxPWA และ Apple Touch ใกล้เคียงใช้เป็น PNG ได้
256pxICO ความละเอียดสูงไอคอน Windows ขนาดใหญ่

อัปโหลดและดาวน์โหลด

รายการรองรับหมายเหตุ
รูปแบบนำเข้าPNG / JPG / WEBP / BMP และอื่นๆขึ้นกับเบราว์เซอร์
ส่งออก ICOได้ไฟล์เดียวหลายขนาด
ส่งออก PNGได้zip มี PNG
การประมวลผลเบราว์เซอร์ในเครื่องไม่อัปโหลดเซิร์ฟเวอร์
รูปต้นฉบับสี่เหลี่ยม 256px+favicon เล็กคมกว่า

Authoritative References