วิธีแปลง PNG เป็น WebP
- เลือกไฟล์ PNG หรือลากมาวางบนหน้านี้
- ตั้งค่าคุณภาพ – 80–90% เหมาะกับกราฟิกและภาพหน้าจอส่วนใหญ่ – และกำหนดความกว้างและความสูงสูงสุดได้หากต้องการ
- ดาวน์โหลดไฟล์ WebP ทีละไฟล์ หรือทั้งหมดพร้อมกันเป็นไฟล์ ZIP
WebP แบบ Lossless และ Lossy
WebP มีสองโหมด และทั้งสองแบบรองรับความโปร่งใส:
| โหมด | ทำงานคล้าย | เทียบกับ PNG |
|---|---|---|
| WebP แบบไม่สูญเสียคุณภาพ (Lossless) | PNG – ทุกพิกเซลคงเดิมทุกประการ | เล็กกว่าประมาณ 26% |
| WebP แบบสูญเสียคุณภาพ (Lossy) พร้อมความโปร่งใส | JPG แต่มีช่องอัลฟา | มักเล็กกว่าราว 3 เท่า |
ตัวเลขเหล่านี้มาจากเอกสาร WebP ของ Google ตัวแปลงนี้สร้าง WebP แบบสูญเสียคุณภาพตามคุณภาพที่คุณเลือก – ซึ่งเป็นโหมดที่เบราว์เซอร์บันทึกได้ – ที่คุณภาพ 90% ขึ้นไปจะดูเหมือนต้นฉบับสำหรับกราฟิกส่วนใหญ่ หากต้องการผลลัพธ์ที่ตรงทุกพิกเซล ให้ใช้ PNG ต่อ
เคล็ดลับสำหรับกราฟิกบนเว็บ
- ปรับขนาดให้เท่ากับขนาดที่แสดงผล – ประมาณสองเท่าของความกว้างบนหน้าเว็บ เพื่อความคมชัดบนหน้าจอความละเอียดสูง
- ภาพหน้าจอที่มีข้อความ: ใช้คุณภาพ 90% ขึ้นไปเพื่อให้ตัวอักษรคมชัด
- โลโก้และไอคอน ที่มีสีไม่มากมักมีขนาดเล็กที่สุดเมื่อเป็น SVG หากคุณมีไฟล์เวกเตอร์
- เก็บไฟล์ PNG ต้นฉบับไว้ สำหรับแก้ไขภายหลัง แล้วใช้ไฟล์ WebP บนเว็บไซต์
คำถามที่พบบ่อย
แปลง PNG เป็น WebP แล้วยังคงความโปร่งใสไหม?
ใช่ ส่วนที่โปร่งใสและโปร่งใสบางส่วนจะถูกเก็บไว้ในไฟล์ WebP
ไฟล์ WebP ไม่สูญเสียคุณภาพใช่ไหม?
ไม่ใช่ เบราว์เซอร์สร้าง WebP แบบสูญเสียคุณภาพตามคุณภาพที่เลือก ที่ 90–100% มักมองไม่เห็นความแตกต่างจาก PNG และไฟล์ยังเล็กกว่ามาก
เบราว์เซอร์ไหนแสดง WebP ได้บ้าง?
เบราว์เซอร์ปัจจุบันทุกตัว: Chrome, Edge, Firefox และ Safari 14 ขึ้นไป การสร้าง WebP ที่นี่ต้องใช้ Chrome, Edge หรือ Firefox ส่วน Safari เวอร์ชันเก่าไม่สามารถบันทึกรูปแบบนี้ได้
ไฟล์ของฉันถูกอัปโหลดหรือไม่?
ไม่ รูปภาพถูกแปลงในเบราว์เซอร์และไม่ออกจากอุปกรณ์ของคุณเลย