WebP เป็น PNG

WebP เป็น PNG
กำลังกู้คืนไฟล์ที่เลือก...
จัดรูปแบบ
WebP
ขนาด
x
ขนาดไฟล์

WebP ช่วยลดขนาดไฟล์ได้ดี แต่ช่องอัลฟาของภาพโปร่งใสบางครั้งยังถูกเครื่องมือรุ่นเก่าจัดการไม่ถูกต้อง หากต้องนำไปแก้ไขต่อใน Affinity, Photoshop CS6 หรือสไลด์ที่รองรับโปรแกรมอ่านหน้าจอ PNG มักเป็นรูปแบบแลกเปลี่ยนที่ปลอดภัยกว่า ตัวแปลงนี้ถอดรหัส WebP พร้อมข้อมูลอัลฟา แล้วบันทึกเป็น PNG แบบ RGB 24 บิต หรือ RGBA 32 บิตตามการมีความโปร่งใส ไฟล์จะใหญ่ขึ้น แต่ขั้นตอนการบันทึกเป็น PNG ไม่สูญเสียข้อมูล

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

  1. 1

    เพิ่มไฟล์ WebP

    วางไฟล์เดียวหรือหลายไฟล์ก็ได้ แต่ละไฟล์จะถูกถอดรหัสและแปลงในเครื่องผ่านเบราว์เซอร์ของคุณ

  2. 2

    ตรวจดูรายละเอียดไฟล์

    ชื่อ ขนาดภาพ และขนาดไฟล์จะแสดงก่อนที่จะมีการเขียนอะไรลงไป

  3. 3

    เลือกความโปร่งใสและชื่อไฟล์

    เก็บช่องอัลฟาไว้ตามเดิมหรือทำให้แบนบนพื้นขาว พร้อมกำหนดชื่อไฟล์ PNG ได้

  4. 4

    แปลงและดาวน์โหลด

    ดูตัวอย่างผลลัพธ์แล้วดาวน์โหลดไฟล์ PNG ไฟล์หลายไฟล์บันทึกทีละไฟล์หรือรวมเป็น zip ก็ได้

ทำไม PNG จึงใหญ่กว่า

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

เปรียบเทียบขนาดไฟล์ (ต้นฉบับ 1920×1080)

เนื้อหา WebP (สูญเสียข้อมูล q80) PNG (ไม่สูญเสียข้อมูล)
ภาพถ่ายสินค้า 220 KB 2.1 MB
ภาพหน้าจอ UI 80 KB 310 KB
โลโก้บนพื้นหลังโปร่งใส 35 KB 90 KB
ภาพถ่ายบุคคล 300 KB 3.4 MB

เมื่อ PNG เป็นตัวเลือกที่เหมาะ

  • ความเข้ากันได้: สตอร์แอป มาร์เก็ตเพลส และฟอร์มอัปโหลดที่ปฏิเสธไฟล์ .webp เสียเฉย ๆ
  • ไฟล์ต้นฉบับสำหรับเก็บถาวร: PNG ไม่สูญเสียข้อมูล จึงเปิดแก้ไขและบันทึกซ้ำได้โดยไม่เสียรายละเอียดจากการบีบอัดรอบใหม่
  • งานแก้ไขต่อ: เครื่องมือใดก็ตามที่รองรับ WebP ไม่ได้ เช่น Affinity รุ่นเก่า ปลั๊กอิน Photoshop บางตัว หรือบางโหมดของ Procreate
  • งานพิมพ์ลายเส้น: โรงพิมพ์บางแห่งต้องการ PNG สำหรับโลโก้และลายเส้น และใช้ TIFF สำหรับภาพถ่าย

เมื่อ PNG ไม่ใช่ตัวเลือกที่ดี

  • หน้าเว็บที่มีภาพถ่ายจำนวนมาก: หากความเร็วโหลดสำคัญกว่า ให้ใช้ WebP หรือ AVIF และเก็บ PNG ไว้เป็นไฟล์สำรองด้านความเข้ากันได้
  • ภาพเคลื่อนไหว: PNG มี APNG แต่การรองรับโดยรวมมักไม่กว้างเท่า WebP แบบเคลื่อนไหว

ทำไมจึงไม่มีการตั้งค่าคุณภาพ

การเข้ารหัส PNG ไม่สูญเสียข้อมูล จึงไม่มีหน้าปัดคุณภาพให้หมุน การตั้งค่าตัวเข้ารหัสแลกเพียงระหว่างขนาดไฟล์กับเวลาแปลงเท่านั้น ไม่เกี่ยวกับความถูกต้องของภาพเลย ตัวแปลงในเบราว์เซอร์อย่างตัวนี้เข้ารหัสด้วยค่าเริ่มต้นที่สมดุลของเอนจินเบราว์เซอร์ ซึ่งก็ประมาณระดับ 6 ตามศัพท์ฝั่งเดสก์ท็อป เครื่องมือเพิ่มประสิทธิภาพแบบบรรทัดคำสั่งอย่าง pngcrush หรือ ImageMagick มีระดับ 0-9 และที่ระดับสูงสุดอาจลดขนาดได้อีก 10-30% แต่แลกมาด้วยการเข้ารหัสที่ช้ากว่ามาก ซึ่งคุ้มเฉพาะเวลาปรับแต่งไฟล์หลายร้อยไฟล์ ถ้าต้องการเหลือเศษส่วนสุดท้าย ลองส่งไฟล์ PNG ที่เสร็จแล้วผ่านตัวเพิ่มประสิทธิภาพอีกรอบ

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

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

PNG เก็บทุกพิกเซลโดยไม่ใช้การบีบอัดแบบสูญเสียข้อมูล ภาพถ่าย 24 ล้านพิกเซลอาจมีขนาด 15-40 MB เมื่อบันทึกเป็น PNG หากต้องการไฟล์เล็ก ให้ใช้ WebP ต่อไปหรือใช้ JPG ส่วน PNG เหมาะกับการแก้ไขและเก็บถาวร

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

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

คุณจะได้รับ PNG นิ่ง ๆ ของเฟรมแรก รูปแบบ APNG (PNG เคลื่อนไหว) มีอยู่จริง แต่การรองรับในแอปต่าง ๆ น้อยกว่า WebP เคลื่อนไหวมาก หากต้องการรักษาความเคลื่อนไหว จึงต้องแปลงเป็น GIF หรือวิดีโอด้วยเครื่องมือเฉพาะทางแทน

เครื่องมือที่เกี่ยวข้อง

สร้างกระดาษบรรทัดห้าเส้น

สร้างกระดาษบรรทัดห้าเส้นสำหรับพิมพ์ ทั้งบรรทัดเปล่า กุญแจซอลหรือกุญแจฟา บรรทัดคู่สำหรับเปียโน หรือแท็บกีตาร์ เลือกจำนวน ระยะห่างเส้น A4 หรือ Letter และขอบกระดาษ แล้วดาวน์โหลด PDF หรือ SVG

เครื่องมือทำภาพโมเสกจากตัวต่อ LEGO

เปลี่ยนรูปถ่ายเป็นแบบโมเสกจัตุรัส 16, 32, 48 หรือ 64 ช่องต่อด้าน ดูสีโดยประมาณ นับแผ่นตัวต่อ 1×1 และดาวน์โหลดคู่มือประกอบที่มีหมายเลขกำกับ

ตัวเลือกสี Material Design

สำรวจพาเลตสีของ Material Design คัดลอกเฉดสีใดก็ได้ (ตั้งแต่ 50 ถึง A700) ในรูปแบบ HEX, RGB หรือ HSL เพียงแตะครั้งเดียว

ปรับขนาด PNG

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

โปรแกรมแปลงรูปแบบภาพ

แปลงรูปภาพเป็น JPG, PNG หรือ WebP ได้ทันทีในเบราว์เซอร์ พร้อมควบคุมคุณภาพสำหรับรูปแบบบีบอัดและรักษาความโปร่งใสใน PNG และ WebP

เครื่องอ่านบาร์โค้ด

เลือกรูปภาพบาร์โค้ดเพื่ออ่านค่าที่เข้ารหัสและชนิดของบาร์โค้ด รองรับ EAN-13, UPC-A และ Code 128 พร้อมผลตรวจเลขตรวจสอบของ EAN และ UPC

เครื่องมือนี้มีให้บริการในภาษาอื่น