แปลงรูปเป็น WebP

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

วิธีแปลงรูปภาพเป็น WebP

1. อัปโหลดรูปภาพ ลากไฟล์มาวางในหน้าต่าง หรือคลิก “เรียกดูไฟล์” เครื่องมือนี้รองรับ JPG PNG BMP และ GIF แบบภาพนิ่ง พร้อมกันหลายสิบไฟล์
2. ตั้งคุณภาพ คุณภาพเริ่มต้นที่ 80 เหมาะกับเว็บไซต์ส่วนใหญ่ พอร์ตโฟลิโอเลือก 85 ถึง 90 ส่วนภาพตัวอย่างเลือก 70
3. แปลงและดาวน์โหลด ปุ่ม “แปลง” จะประมวลผลทั้งชุด ดาวน์โหลด WebP ทีละไฟล์หรือรวมเป็น ZIP

ใครอยากดูรายละเอียดเพิ่ม กดเปิด “รายละเอียดทางเทคนิค: แว่นขยาย, การประมาณขนาด, โค้ด HTML” ใต้ตัวอย่างได้

ทำไมควรแปลงรูปภาพเป็น WebP

WebP เป็นรูปแบบไฟล์ของ Google ที่ออกแบบมาสำหรับเว็บโดยเฉพาะ ตามผลการศึกษาของ Google (ภาษาอังกฤษ) ไฟล์ WebP แบบสูญเสียคุณภาพจะเล็กกว่า JPEG ที่คุณภาพเท่ากัน 25 ถึง 34% ส่วนแบบไม่สูญเสียคุณภาพจะเล็กกว่า PNG ราว 26% ภาพที่เล็กลงหมายถึงหน้าเว็บโหลดเร็วขึ้น คะแนน Core Web Vitals ดีขึ้น และใช้ข้อมูลมือถือน้อยลง

นอกจากนี้ WebP ยังรองรับความโปร่งใส จึงแทนที่ PNG แบบพื้นหลังโปร่งใสได้ด้วย ทุกวันนี้เบราว์เซอร์หลักทุกตัวรองรับ WebP แล้ว (ภาษาอังกฤษ) รวมถึง Safari ตั้งแต่เวอร์ชัน 14

เครื่องมือแปลงเป็น WebP ทำอะไรได้อีกบ้าง

ประเมินขนาดที่ประหยัดได้ก่อนแปลงจริง

ใน “รายละเอียดทางเทคนิค” มี “ประมาณค่าจากตัวอย่าง” เครื่องมือจะเข้ารหัสตัวอย่างย่อของภาพที่เลือก แล้วคำนวณว่า WebP ที่ตั้งค่านี้จะมีขนาดเท่าไร JPEG ที่คุณภาพเดียวกันจะใหญ่แค่ไหน และประหยัดได้กี่เปอร์เซ็นต์ ทำให้เห็นทันทีว่าคุ้มไหมที่จะแปลง

โค้ด HTML พร้อมรูปแบบสำรอง

เครื่องมือเตรียมโค้ดสำหรับอิลิเมนต์ <picture> ให้พร้อมใช้งาน เบราว์เซอร์ที่รองรับ WebP จะโหลดไฟล์ใหม่ ส่วนที่เหลือจะได้ JPG หรือ PNG เดิม โค้ดยังรวมขนาดภาพและการโหลดแบบหน่วงเวลาไว้ด้วย แค่คัดลอกไปวางในเทมเพลตก็ใช้ได้ วิธีทำงานของ <picture> อธิบายไว้ที่MDN (ภาษาอังกฤษ)

แว่นขยายที่ซูม 100%

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

ความโปร่งใสยังคงอยู่

PNG ที่มีพื้นหลังโปร่งใสแปลงเป็น WebP ได้โดยไม่เสียช่องอัลฟา หากแอปปลายทางไม่รองรับความโปร่งใส เปิด “ผสานความโปร่งใสเข้ากับสีพื้น” ได้

ป้องกันผลลัพธ์ที่ไม่ควรได้

เครื่องมือจะปฏิเสธ GIF เคลื่อนไหว เพราะจะเหลือแค่เฟรมแรกโดยไม่บอกล่วงหน้า และถ้าไฟล์ที่แปลงแล้วใหญ่กว่าต้นฉบับ ซึ่งมักเกิดกับไฟล์ที่บีบอัดมาอย่างดีอยู่แล้ว ตารางจะทำเครื่องหมายไว้ และคลิกเดียวก็เก็บต้นฉบับไว้ได้

ย่อขนาด เปลี่ยนชื่อ ไม่มีข้อมูลเมตา

ใน “ตัวเลือกขั้นสูง” ย่อรูปภาพตามด้านที่ยาวที่สุดเป็นพิกเซลหรือเป็นเปอร์เซ็นต์ แล้วเปลี่ยนชื่อไฟล์ทั้งชุดด้วย {name} {width} {height} และ {index} การแปลงยังลบข้อมูล EXIF ICC และ GPS ออก ภาพจึงไม่เปิดเผยตำแหน่งที่ถ่าย หากต้องการย่อภาพให้พอดีขนาดหรือไม่เกินจำนวน kB ที่กำหนด ใช้ปรับขนาดรูปภาพ

เลือกคุณภาพ WebP เท่าไรดี

การใช้งาน	คุณภาพ	หมายเหตุ
พอร์ตโฟลิโอ ภาพสินค้า	85 ถึง 90	รายละเอียดไม่สูญเสีย ยังเล็กกว่า JPG
เว็บไซต์และบล็อกทั่วไป	75 ถึง 80	สมดุลระหว่างคุณภาพกับขนาดไฟล์ดีที่สุด
ภาพตัวอย่าง แกลเลอรี	65 ถึง 70	ไฟล์เล็ก มีรอยเสียเล็กน้อย

เมื่อไรควรใช้ WebP และเมื่อไรควรใช้รูปแบบอื่น

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

ตรวจสอบขนาดภาพบนเว็บไซต์ก่อนแปลงได้อย่างรวดเร็วที่วิเคราะห์ขนาดภาพ

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

แปลง JPG เป็น WebP อย่างไร

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

แปลง PNG เป็น WebP แล้วความโปร่งใสยังอยู่ไหม

อยู่ แค่อัปโหลด PNG แล้วแปลง ความโปร่งใสจะยังคงอยู่โดยอัตโนมัติ ถ้าไม่ต้องการความโปร่งใส เปิด "ผสานความโปร่งใสเข้ากับสีพื้น" ได้

เบราว์เซอร์ทุกตัวรองรับ WebP หรือไม่

รองรับ เบราว์เซอร์ปัจจุบันทุกตัวรองรับ WebP รวมถึง Safari ตั้งแต่เวอร์ชัน 14 หากต้องการความมั่นใจกับอุปกรณ์รุ่นเก่า ใช้โค้ด HTML ที่มีอิลิเมนต์ <picture> ซึ่งเครื่องมือเตรียมไว้ให้ เบราว์เซอร์รุ่นเก่าจะโหลด JPG หรือ PNG เดิมแทน

WebP ดีกว่า JPG จริงไหม

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

ทำไมเครื่องมือถึงปฏิเสธไฟล์ GIF ของฉัน

GIF เคลื่อนไหวถ้าแปลงจะเหลือแค่ภาพนิ่งเฟรมเดียวโดยไม่บอกล่วงหน้า เพื่อไม่ให้ผลลัพธ์ทำให้แปลกใจ เครื่องมือจึงปฏิเสธไว้ก่อน ส่วน GIF แบบภาพนิ่งแปลงได้ตามปกติ

รูปภาพของฉันถูกอัปโหลดขึ้นเซิร์ฟเวอร์หรือไม่

ไม่ การแปลงทำงานอยู่ในเบราว์เซอร์ของคุณโดยตรง ไฟล์ไม่ถูกส่งไปที่ใดเลย