PNG เป็น ICO

PNG เป็น ICO เป็นเครื่องมือฟรีสำหรับแปลงไฟล์ภาพ PNG เป็นไฟล์ ICO เพื่อใช้เป็น favicon และไอคอน Windows

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

เลือกไฟล์ PNG เริ่มแปลง แล้วบันทึกไฟล์ ICO ที่ได้

1. เลือกภาพ PNG ที่ต้องการแปลง
2. เริ่มการแปลงและบันทึกไฟล์ ICO ที่ได้
3. เปิดไฟล์ ICO หรือนำไปใช้เป็น favicon เพื่อตรวจสอบว่าขนาด ความโปร่งใส และลักษณะเมื่อแสดงผลในขนาดเล็กเหมาะสมหรือไม่

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

เมื่อแปลง PNG เป็น ICO มีอะไรเปลี่ยนไปบ้าง?

ภาพจะถูกจัดเก็บในรูปแบบ ICO ซึ่งออกแบบมาสำหรับไอคอนโดยเฉพาะ ไม่ใช่ภาพกราฟิกทั่วไปบนหน้าเว็บ

• ความโปร่งใส PNG รองรับความโปร่งใสแบบอัลฟาเต็มรูปแบบ ส่วน ICO ก็รองรับความโปร่งใสแบบไล่ระดับได้ในรายการภาพแบบ 32 บิต ขณะที่ข้อมูลไอคอนรุ่นเก่าอาจใช้มาสก์ความโปร่งใสแบบหนึ่งบิตที่เรียบง่ายกว่า หลังแปลงแล้วควรตรวจสอบรอยผิดปกติของความโปร่งใสบริเวณขอบเล็ก ๆ และเงาในไฟล์ ICO
• ภาพเคลื่อนไหว PNG สามารถมีภาพเคลื่อนไหวได้ แต่ ICO ไม่มีรูปแบบภาพเคลื่อนไหวมาตรฐานที่เทียบเท่ากัน จึงไม่สามารถเก็บเฟรมภาพเคลื่อนไหวเป็นไอคอน ICO ทั่วไปได้
• การบีบอัด PNG ใช้การบีบอัดแบบ DEFLATE ที่ไม่สูญเสียข้อมูล ส่วน ICO เป็นรูปแบบคอนเทนเนอร์ ซึ่งอาจเก็บภาพที่บีบอัดแบบ PNG หรือข้อมูลภาพแบบ BMP รุ่นเก่า ขึ้นอยู่กับวิธีสร้างไฟล์ ICO
• การใช้งาน PNG เป็นรูปแบบภาพทั่วไปที่รองรับอย่างแพร่หลายในเว็บไซต์ เอกสาร และแอปพลิเคชัน ส่วน ICO ใช้เป็นหลักกับ favicon ของเว็บไซต์และไอคอนใน Microsoft Windows
• หลายขนาด ไฟล์ ICO หนึ่งไฟล์สามารถเก็บไอคอนได้หลายขนาด เช่น 16 × 16, 32 × 32 และ 48 × 48 พิกเซล การแปลงเพียงอย่างเดียวไม่ได้ยืนยันว่ามีรายการขนาดใดอยู่บ้าง หากต้องการชุดขนาดเฉพาะ ให้ตรวจสอบไฟล์ที่ได้

การแปลง PNG ไม่ได้เพิ่มรายละเอียดให้ภาพต้นฉบับ หากขยายภาพ PNG ที่มีขนาดเล็กหรือเบลอก่อนแปลง ไอคอนที่ได้ก็ยังดูไม่คมชัด

ควรแปลง PNG เป็น ICO เมื่อใด?

แปลง PNG เป็น ICO เมื่อเว็บไซต์ แอปพลิเคชัน Windows หรือระบบเชื่อมต่อรุ่นเก่าระบุว่าต้องใช้ไฟล์ .ico โดยเฉพาะ

กรณีที่พบบ่อยคือการสร้าง favicon.ico สำหรับเว็บไซต์ โดยทั่วไปเบราว์เซอร์รองรับ favicon แบบ PNG ด้วย แต่ ICO ยังมีประโยชน์สำหรับพาธ favicon แบบดั้งเดิม ซอฟต์แวร์รุ่นเก่า และแพ็กเกจที่ต้องการไฟล์เดียวซึ่งมีไอคอนหลายขนาด Windows ยังใช้ไฟล์ ICO กับทางลัดของแอปพลิเคชันด้วย ส่วนไอคอนของไฟล์ปฏิบัติการมักจัดเก็บเป็นทรัพยากรไอคอนภายในไฟล์ปฏิบัติการ

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

ไฟล์ ICO ที่ได้จะมีขนาดเท่าไร?

ไฟล์ ICO อาจใหญ่หรือเล็กกว่าไฟล์ PNG ต้นฉบับก็ได้ แต่ไฟล์ ICO ที่เก็บภาพหลายความละเอียดมักใหญ่กว่าภาพ PNG เพียงภาพเดียว

ไม่มีอัตราส่วนขนาดไฟล์ระหว่าง PNG กับ ICO ที่ตายตัว ขนาดขึ้นอยู่กับจำนวนรายการไอคอน มิติพิกเซล ความลึกสี ความซับซ้อนของภาพ และแต่ละรายการใช้การบีบอัดแบบ PNG หรือจัดเก็บแบบ BMP รายการเดียวที่บีบอัดแบบ PNG อาจมีขนาดใกล้เคียงไฟล์ต้นฉบับ แต่การมีหลายรายการแบบ BMP อาจทำให้ไฟล์ใหญ่ขึ้นมาก

สำหรับ favicon ความคมชัดเมื่อแสดงผลในขนาดเล็กมักสำคัญกว่าการลดขนาดไฟล์เพียงไม่กี่ร้อยไบต์ ควรตรวจสอบไอคอนที่ขนาด 16 × 16 และ 32 × 32 พิกเซล แทนที่จะตัดสินจากภาพตัวอย่างขนาดใหญ่เพียงอย่างเดียว

เตรียมไฟล์ PNG สำหรับทำ favicon

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

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

ตัวอย่างเช่น PNG โปร่งใสขนาด 512 × 512 ที่มีสัญลักษณ์ชัดเจนเพียงรูปเดียว เป็นไฟล์ต้นฉบับที่เหมาะสำหรับทำ favicon.ico แต่แบนเนอร์บริษัทขนาด 1,200 × 400 ไม่เหมาะ การแปลงแบนเนอร์ PNG ดังกล่าวเป็นไฟล์ ICO ไม่ได้เป็นการออกแบบใหม่ ครอบตัด หรือทำให้ภาพเรียบง่ายขึ้น

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

เปลี่ยนนามสกุลไฟล์จาก .png เป็น .ico ได้เลยไหม?

ไม่ได้ การเปลี่ยนนามสกุลไม่ได้เปลี่ยนข้อมูล PNG ภายในไฟล์ ซอฟต์แวร์ที่ต้องการคอนเทนเนอร์ ICO จริงจึงอาจปฏิเสธไฟล์นั้น ต้องแปลงข้อมูลภาพและบันทึกใหม่ในรูปแบบ ICO

ไฟล์ ICO ไฟล์เดียวเก็บไอคอนได้หลายขนาดไหม?

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

ทำไมขอบไอคอนจึงมีรอยสีขาวหรือสีเข้ม?

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

ควรใช้ ICO บน macOS ไหม?

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

ถ้าไฟล์ต้นฉบับเป็นภาพเคลื่อนไหว ใช้ GIF ดีกว่าไหม?

ICO ไม่รองรับเฟรมไอคอนแบบเคลื่อนไหวตามมาตรฐาน สำหรับภาพเคลื่อนไหวบนเว็บแบบเรียบง่าย PNG เป็น GIF อาจเหมาะกว่า แต่ GIF จำกัดไว้ที่ 256 สีต่อเฟรม และไม่สามารถใช้แทน favicon แบบทั่วไปได้

ตรวจสอบก่อนนำไปใช้

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