ข้ามไปที่เนื้อหา

PNG → WEBP

ตัวแปลง PNG เป็น WEBP

ลาก PNG มาวาง กำหนดค่าคุณภาพ แล้วรับ WEBP ที่มีความโปร่งใสเท่าเดิมในน้ำหนักเพียงเศษเสี้ยว การเข้ารหัสใหม่เกิดในแท็บนี้ งานศิลป์จึงไม่ออกจากเครื่องคุณ

ลาก PNG มาวางที่นี่

หรือ

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

วิธีแปลง PNG เป็น WEBP

1

เพิ่มไฟล์ PNG

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

2

เลือกค่าคุณภาพ

เริ่มที่ 100 สำหรับลายเส้นและตัวอักษรที่เห็นเงารบกวนได้ชัด และ 80–90 สำหรับภาพถ่ายกับไล่เฉด ผลลัพธ์จะรายงานขนาดของตัวเอง การลองค่าอื่นจึงห่างแค่คลิกเดียว

3

ดาวน์โหลดไฟล์ WEBP

บันทึกไฟล์แล้วนำไปใช้ที่ใดก็ได้: Chrome, Edge, Firefox และ Safari 14 ขึ้นไปแสดง WEBP ได้ทั้งหมด เก็บ PNG ต้นฉบับไว้ถ้าคุณอาจต้องแก้ไขงานศิลป์ต่อ

ทำไม WEBP จึงแทนที่ PNG บนเว็บ

PNG ไม่สูญเสียข้อมูล มีตัวกรองทีละแถวและ deflate อยู่ข้างหลัง จึงเป็นมาตรฐานของภาพแคปหน้าจอ กราฟิกอินเทอร์เฟซ และโลโก้ และก็เป็นเหตุผลที่ภาพถ่ายซึ่งบันทึกเป็น PNG มีขนาดมหึมา WEBP ทำงานได้ทั้งสองแบบ: บีบอัดแบบสูญเสียข้อมูลเหมือน JPG หรือแบบไม่สูญเสียข้อมูล มีช่องแอลฟา และเบราว์เซอร์รองรับมาตั้งแต่ Safari 14

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

คำถามเกี่ยวกับการแปลง PNG เป็น WEBP

ความโปร่งใสยังอยู่ไหมเมื่อ PNG กลายเป็น WEBP

อยู่ครบ ต่างจาก JPG ตรงที่ WEBP มีช่องแอลฟาจริง และแคนวาสส่งความโปร่งใสให้ตัวเข้ารหัสโดยตรง รวมทั้งขอบที่นุ่มนวล โลโก้บนพื้นหลังโปร่งใสจึงคงสภาพเดิม

WEBP ที่ได้เป็นแบบไม่สูญเสียข้อมูลไหม

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

ไฟล์จะเล็กลงแค่ไหน

สำหรับภาพถ่ายและไล่เฉดสีเข้มข้น มักเล็กลง 70–90% เมื่อเทียบกับ PNG ซึ่งไม่เคยเป็นรูปแบบที่เหมาะกับภาพพวกนี้เลย ส่วนไอคอนสีเรียบและลายเส้นง่าย ๆ ได้น้อยกว่า และขึ้นอยู่กับค่าคุณภาพที่เลือก

มีขีดจำกัดอะไรบ้าง และมีการอัปโหลดไหม

64 MB ต่อไฟล์ แปลงทีละไฟล์ในแท็บนี้ ไม่มีอะไรถูกส่งออก: ทั้งการถอดรหัสและการเข้ารหัสใช้ API ที่มีอยู่ในเบราว์เซอร์ การทำงานจึงสำเร็จได้แม้ไม่มีเครือข่าย