วิธีแปลง PNG เป็น ICO
- 1. เลือกรูปภาพคลิก “เลือกไฟล์ PNG” หรือลากไฟล์ PNG, JPG, WebP หรือ SVG มาวางในกรอบ
- 2. คลิก “แปลง”ที่ “ผลลัพธ์” เลือก “ไฟล์ ICO (16–256 px)” หรือ “ชุด favicon (.zip)” แล้วคลิก “แปลง”
- 3. ดาวน์โหลดดาวน์โหลดผลลัพธ์ทีละไฟล์ หรือทั้งหมดพร้อมกันด้วย “ดาวน์โหลดทั้งหมด (.zip)”
เกี่ยวกับ ICO และ PNG
ICO เป็นรูปแบบไอคอนของ Windows ไฟล์ .ico หนึ่งไฟล์เก็บไอคอนเดียวกันได้หลายขนาด ตั้งแต่ 16 × 16 ถึง 256 × 256 พิกเซล Windows และเบราว์เซอร์จะเลือกขนาดที่เหมาะเอง
PNG เก็บภาพเดียวในขนาดเดียว Windows ไม่ใช้ PNG เป็นไอคอนไฟล์หรือโฟลเดอร์ และเครื่องมือหลายตัวยังมองหาไฟล์ favicon.ico
| PNG | ICO | |
|---|---|---|
| จำนวนภาพต่อไฟล์ | หนึ่งภาพ | หลายขนาด |
| ขนาดใหญ่สุด | แทบไม่จำกัด | 256 × 256 พิกเซล |
| ความโปร่งใส | รองรับ | รองรับ |
| Windows ใช้เป็นไอคอน | ไม่ใช้ | ใช้ |
| ใช้เป็น favicon ของเว็บไซต์ | ได้ในเบราว์เซอร์รุ่นใหม่ | ได้ทุกที่ |
| เหมาะกับ | งานภาพ รูปบนเว็บ | favicon ทางลัดและโฟลเดอร์ใน Windows |
ไฟล์ ICO หรือชุด favicon
“ไฟล์ ICO (16–256 px)” สร้างไฟล์ .ico หนึ่งไฟล์ที่มีขนาดมาตรฐานตั้งแต่ 16 ถึง 256 พิกเซล ใช้กับทางลัด โฟลเดอร์ และแอปบน Windows หรือใช้เป็น favicon.ico
“ชุด favicon (.zip)” สำหรับเว็บไซต์ มีไฟล์ ICO และไอคอน PNG ในขนาดที่เบราว์เซอร์ มือถือ และหน้าจอโฮมใช้ อัปโหลดไฟล์ขึ้นเว็บไซต์แล้วอ้างอิงไว้ในส่วน head ของหน้าเว็บ
เคล็ดลับสำหรับไอคอนที่ดี
- เริ่มจากรูปสี่เหลี่ยมจัตุรัสขนาดอย่างน้อย 256 × 256 พิกเซล รูปเล็กหรือรูปที่ไม่เป็นจัตุรัสจะดูไม่คมหรือไม่เต็มไอคอน
- ใช้สัญลักษณ์เรียบๆ หรือตัวอักษรย่อ โลโก้แนวกว้างที่มีข้อความจะอ่านไม่ออกที่ขนาด 16 × 16
- ใช้พื้นหลังโปร่งใส เพื่อให้ไอคอนดูดีทั้งในธีมสว่างและธีมมืดของเบราว์เซอร์
- SVG ให้ผลคมที่สุด เพราะถูกวาดใหม่ในทุกขนาด
- วาง favicon.ico ไว้ในโฟลเดอร์หลักของเว็บไซต์ เบราว์เซอร์จะมองหา /favicon.ico แม้หน้าเว็บไม่ได้ลิงก์ไว้
- เบราว์เซอร์จำ favicon ไว้นาน ถ้ายังเห็นไอคอนเก่า ให้ลองหน้าต่างส่วนตัวหรือล้างแคช
- ถ้าจะดึงภาพออกจากไอคอนที่มีอยู่ ให้ใช้ แปลง ICO เป็น PNG
เปลี่ยนไอคอนโฟลเดอร์หรือทางลัดบน Windows
คลิกขวาที่โฟลเดอร์แล้วเลือก Properties → Customize → Change Icon สำหรับทางลัด ให้เลือก Properties → Change Icon แล้วเลือกไฟล์ .ico และกดใช้
เก็บไฟล์ .ico ไว้ในที่ที่ไม่ย้าย เพราะ Windows อ่านไอคอนจากตำแหน่งนั้น
ความเป็นส่วนตัว
การแปลงทำงานในเบราว์เซอร์ของคุณ รูปของคุณไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์
คำถามที่พบบ่อย
ไฟล์ ICO มีขนาดอะไรบ้าง
มีขนาดไอคอนมาตรฐานตั้งแต่ 16 × 16 ถึง 256 × 256 พิกเซลในไฟล์เดียว Windows และเบราว์เซอร์จะเลือกขนาดที่เหมาะเอง
สร้าง favicon ให้เว็บไซต์ได้อย่างไร
เพิ่มโลโก้ที่เป็นสี่เหลี่ยมจัตุรัส เลือก “ชุด favicon (.zip)” แล้วคลิก “แปลง” แตกไฟล์ ZIP อัปโหลดไฟล์ไปที่โฟลเดอร์หลักของเว็บไซต์ แล้วอ้างอิงไว้ในส่วน head ของหน้าเว็บ
สร้าง ICO จาก JPG หรือ SVG ได้ไหม
ได้ เครื่องมือนี้รับ PNG, JPG, WebP และ SVG ถ้าต้องการพื้นหลังโปร่งใส ให้ใช้ PNG, WebP หรือ SVG เพราะ JPG ไม่มีความโปร่งใส
ICO เก็บความโปร่งใสไว้ไหม
ใช่ พื้นที่โปร่งใสใน PNG, WebP หรือ SVG ของคุณจะยังโปร่งใสในไอคอน
ยังต้องมี favicon.ico อยู่ไหม
ควรมีไว้สำรอง เบราว์เซอร์รุ่นใหม่ใช้ favicon แบบ PNG หรือ SVG ได้ แต่ favicon.ico ในโฟลเดอร์หลักเป็นแบบที่รู้จักกว้างที่สุด
ทำไมไอคอนดูเบลอที่ขนาดเล็ก
รายละเอียดเล็กๆ และข้อความบางๆ แสดงไม่ได้ที่ 16 × 16 พิกเซล ใช้สัญลักษณ์เรียบๆ ที่มีรูปทรงหนา และเริ่มจากรูปขนาดอย่างน้อย 256 × 256 พิกเซล