PNG หรือ JPG? เลือกให้ถูกใน 30 วินาที
สี่คำถามที่จะช่วยตัดสินใจได้ทุกครั้ง โดยไม่ต้องเข้าใจทฤษฎีการบีบอัดข้อมูลหรืออ่านบทความอธิบายเรื่องสัมประสิทธิ์ DCT อีกต่อไป
ใช้ PNG สำหรับภาพโปร่งใส ภาพหน้าจอ โลโก้ และแผนผัง ใช้ JPG สำหรับภาพถ่าย กฎ 2 ข้อนี้สามารถแก้ปัญหาได้เกือบทุกกรณี และคุณแทบจะไม่ต้องคิดทบทวนนานเกินกว่าสองสามวินาทีเลย
อ่านไล่ลงมาตามรายการด้านล่างและหยุดที่ข้อแรกที่เป็นใช่ หากไม่มีคำถามใดตรงกับกรณีของคุณเลย คำตอบที่ถูกต้องที่สุดในปี 2026 คือการใช้ WebP ซึ่งจัดการภาพทั้งสองประเภทได้ดีกว่ารูปแบบไฟล์รุ่นเก่าทั้งสองแบบ
4 คำถามที่จะช่วยตัดสินใจ
- ภาพนี้ต้องการพื้นหลังโปร่งใสหรือไม่? ใช้ PNG
- นี่คือภาพหน้าจอ โลโก้ แผนผัง หรือสิ่งที่มีขอบคมชัดและสีแบบทึบหรือไม่? ใช้ PNG
- นี่คือภาพถ่ายใช่หรือไม่? ใช้ JPEG
- ภาพนี้จะถูกแก้ไขและบันทึกซ้ำๆ หรือไม่? ใช้ PNG เพราะ JPEG จะสูญเสียคุณภาพทีละน้อยทุกครั้งที่บันทึก
ทำไมรูปแบบไฟล์ทั้ง 2 ถึงมีพฤติกรรมต่างกัน
PNG จัดเก็บทุกพิกเซลอย่างแม่นยำ ในขณะที่ JPEG จะตัดทอนรายละเอียดที่ดวงตามนุษย์มีแนวโน้มว่าจะสังเกตไม่เห็นออกไป ความแตกต่างเพียงข้อเดียวนี้นำไปสู่คำแนะนำทุกข้อในบทความนี้
การบีบอัดแบบ PNG จะค้นหารูปแบบที่ซ้ำกันและอธิบายลักษณะนั้นอย่างมีประสิทธิภาพ ซึ่งทำงานได้ดีเยี่ยมกับภาพสีทึบและแย่มากกับสัญญาณรบกวนในภาพถ่าย ส่วนการบีบอัดแบบ JPEG จะแบ่งภาพออกเป็นบล็อกและทำให้รายละเอียดภายในแต่ละบล็อกง่ายขึ้น ซึ่งทำงานได้ดีเยี่ยมกับการไล่ระดับสีแบบค่อยเป็นค่อยไปในภาพถ่ายและแย่มากกับขอบที่คมชัด รูปแบบไฟล์แต่ละแบบจะมีประสิทธิภาพสูงกับเนื้อหาประเภทที่อีกแบบหนึ่งจัดการได้ไม่ดีพอ
จะเกิดอะไรขึ้นเมื่อคุณเลือกผิดวิธี
ภาพถ่ายที่บันทึกเป็น PNG จะมีขนาดใหญ่กว่าความจำเป็นถึง 3 ถึง 5 เท่า และภาพหน้าจอที่บันทึกเป็น JPEG จะเกิดรอยฟุ้งมองเห็นได้ชัดเจนรอบๆ ตัวหนังสือ ข้อผิดพลาดทั้งสองแบบนี้พบได้บ่อยและสังเกตเห็นได้ง่ายมาก
| ประเภทภาพ | ในฐานะ PNG | ในฐานะ JPEG คุณภาพ 85 | ตัวเลือกที่ถูกต้อง |
|---|---|---|---|
| ภาพถ่าย, 12 เมกะพิกเซล | 18 MB | 2.4 MB | JPEG |
| ภาพหน้าจอที่มีข้อความ | 180 KB | 240 KB พร้อมข้อความเบลอ | PNG |
| โลโก้ที่มีพื้นหลังโปร่งใส | 40 KB | สูญเสียความโปร่งใส | PNG |
| แผนภูมิหรือแผนผัง | 90 KB | 150 KB พร้อมรอยฟุ้งรอบตัวหนังสือ | PNG |
| ภาพถ่ายที่สแกนมา | 12 MB | 1.8 MB | JPEG |
แถวของภาพหน้าจอคือสิ่งที่สร้างความประหลาดใจให้ผู้คนมากที่สุด JPEG สร้างไฟล์ที่มีขนาดใหญ่กว่า PNG เมื่อใช้กับกราฟิกแบบทึบและในขณะเดียวกันก็ทำให้ตัวหนังสือเสียหายด้วย ซึ่งเป็นการผสมผสานที่แย่ที่สุดเท่าที่จะเป็นไปได้
ความโปร่งใสคือกฎที่ไม่มีข้อยกเว้น
JPEG ไม่มีช่องสัญญาณความโปร่งใส ดังนั้นพื้นหลังโปร่งใสจึงกลายเป็นสีขาวทึบระหว่างการแปลงไฟล์ ไม่มีการตั้งค่าคุณภาพใดๆ ที่จะเปลี่ยนสิ่งนี้ได้ เนื่องจากรูปแบบไฟล์ไม่มีพื้นที่สำหรับบันทึกข้อมูลส่วนนั้น
ความผิดพลาดนี้จะปรากฏเป็นกล่องสีขาวอยู่ด้านหลังโลโก้ที่วางอยู่บนหน้ากระดาษที่มีสี ในกรณีที่ต้องการความโปร่งใส ตัวเลือกที่ถูกต้องคือ PNG หรือ WebP โดย WebP รองรับทั้งความโปร่งใสและการบีบอัดแบบสูญเสียคุณภาพร่วมกัน ซึ่งเป็นสิ่งเดียวที่รูปแบบไฟล์รุ่นเก่าทั้งสองแบบไม่สามารถทำได้ และมักจะสร้างไฟล์ที่มีขนาดเล็กกว่ารูปแบบ PNG ที่เทียบเท่ากันถึง 25 ถึง 35 เปอร์เซ็นต์
ทำไม JPEG ถึงเสื่อมคุณภาพลงเมื่อบันทึกซ้ำๆ
การบันทึกไฟล์ JPEG แต่ละครั้งจะตัดทอนรายละเอียดออกไปอย่างถาวร และความเสียหายจะสะสมเพิ่มขึ้นเรื่อยๆ ในทุกๆ ครั้งที่มีการบันทึก การเปิดไฟล์ JPEG ทำการแก้ไขเล็กน้อย แล้วบันทึกใหม่อีกครั้งไม่ใช่การกระทำที่ไม่มีผลกระทบใดๆ
หลังจากผ่านไป 5 หรือ 6 รอบ ความเสียหายจะเริ่มปรากฏให้เห็นเป็นลักษณะเป็นบล็อกๆ ในบริเวณที่มีความเรียบเนียนและมีรอยฟุ้งรอบขอบภาพ PNG จะไม่มีปัญหานี้เลยเนื่องจากมันสร้างภาพขึ้นมาใหม่ได้อย่างแม่นยำทุกครั้ง ควรเก็บบันทึกไฟล์งานต้นฉบับไว้เป็น PNG หรือในรูปแบบดั้งเดิมของโปรแกรมแก้ไขภาพของคุณ และทำการส่งออกเป็น JPEG เฉพาะเมื่อต้องการเป็นไฟล์สำหรับนำไปใช้งานขั้นสุดท้ายเท่านั้น
ภาพหน้าจอนั้นเกือบจะเป็ฯไฟล์ PNG เสมอ
ภาพหน้าจอประกอบด้วยข้อความ ขอบของส่วนติดต่อผู้ใช้ และสีแบบทึบ ซึ่งเป็นเนื้อหาที่ PNG จัดเก็บได้อย่างมีประสิทธิภาพและเป็นสิ่งที่ JPEG ทำลายเสียหาย ข้อความคือจุดสังเกตที่ชัดเจน เนื่องจากสิ่งเจือปนจาก JPEG (artifacts) รอบๆ ตัวอักษรนั้นสังเกตเห็นได้ง่ายมาก
จะมีข้อยกเว้นอยู่หนึ่งกรณี คือภาพหน้าจอของภาพถ่าย เฟรมวิดีโอ หรือเกม ซึ่งสิ่งเหล่านี้คือเนื้อหาภาพถ่ายที่อยู่ในรูปแบบของภาพหน้าจอ และ JPEG จะสามารถจัดการกับมันได้อย่างถูกต้อง ให้พิจารณาจากสิ่งที่อยู่ในภาพแทนที่จะดูว่าสร้างไฟล์นั้นขึ้นมาอย่างไร
ควรใช้การตั้งค่าคุณภาพระดับใดสำหรับ JPEG
ใช้คุณภาพระดับ 85 สำหรับการใช้งานทั่วไป และคุณภาพระดับ 75 สำหรับภาพบนเว็บ เนื่องจากความแตกต่างที่มองเห็นได้ระหว่างสองระดับนี้มีน้อยมาก แต่ความแตกต่างของขนาดไฟล์นั้นมีมาก การใช้คุณภาพระดับ 100 จะทำให้ขนาดไฟล์เพิ่มขึ้นประมาณสองเท่าโดยไม่ได้ประโยชน์ด้านความคมชัดที่มองเห็นได้เพิ่มขึ้นเลย
- คุณภาพ 90 ถึง 95 สำหรับงานเก็บบันทึกข้อมูล งานพิมพ์ และภาพถ่ายที่คุณจะต้องนำไปแก้ไขต่อในภายหลัง
- คุณภาพ 80 ถึง 85 สำหรับการใช้งานทั่วไป ซึ่งส่วนที่สูญเสียไปจะมองไม่เห็นเมื่อรับชมด้วยขนาดปกติ
- คุณภาพ 70 ถึง 75 สำหรับหน้าเว็บ ซึ่งเป็นระดับที่เว็บไซต์ส่วนใหญ่ควรใช้งาน
- คุณภาพ 50 ถึง 65 เฉพาะเมื่อถูกบังคับด้วยข้อจำกัดเรื่องขนาดการอัปโหลดที่เข้มงวดเท่านั้น
- คุณภาพ 100 สำหรับการใช้งานที่ไม่จำเป็น เนื่องจาก JPEG ยังคงเป็นการบีบอัดแบบสูญเสียข้อมูลแม้จะตั้งค่าไว้ที่ระดับสูงสุดก็ตาม
วิธีลดขนาดไฟล์ PNG ที่มีขนาดใหญ่เกินไป
PNG ไม่มีตัวปรับระดับคุณภาพ ดังนั้นให้ใช้ 4 วิธีปฏิบัตินี้แทน โดยเรียงตามลำดับประสิทธิภาพ
- ลดขนาดมิติของภาพ ซึ่งทำได้ฟรีและมักจะได้ผลลัพธ์ที่ดีที่สุด ไม่มีใครต้องการภาพหน้าจอที่มีความกว้างถึง 5000 พิกเซลหรอก
- ลดความลึกของสี ซึ่งได้ผลดีกับภาพกราฟิกแบบทึบและได้ผลแย่กับภาพถ่าย
- ตัดส่วนที่ไม่ใช้งานออก เนื่องจากพื้นที่ว่างสีขาวยังคงมีผลต่อขนาดไฟล์
- แปลงเป็น WebP ซึ่งยังคงความโปร่งใสไว้และมักจะมีขนาดเล็กกว่าเดิม 25 ถึง 35 เปอร์เซ็นต์
เมื่อใดที่จำเป็นต้องใช้ JPG โดยไม่คำนึงถึงเนื้อหาของภาพ
พอร์ทัลของรัฐบาล แบบฟอร์มสมัครสอบ และบริการพิมพ์ภาพส่วนใหญ่จะรับเฉพาะไฟล์ JPG เท่านั้น ไม่ว่าภาพนั้นจะมีเนื้อหาอะไรก็ตาม กฎเกี่ยวกับเนื้อหาภาพต้องยอมหลีกทางให้กับกฎเกี่ยวกับปลายทางที่จะนำไปใช้
เอกสารที่สแกนมาคือกรณีที่น่าปวดหัว เนื่องจากหน้ากระดาษที่เป็นข้อความคือเนื้อหาภาพกราฟิกแบบทึบที่ PNG จะจัดเก็บได้ดีกว่า แต่ระบบของพอร์ทัลกลับต้องการไฟล์ JPG ให้สแกนเป็นภาพระดับสีเทา (greyscale) รักษาความละเอียดให้อยู่ที่ประมาณ 300 จุดต่อนิ้ว (DPI) และใช้คุณภาพระดับ 85 หรือสูงกว่า เพื่อให้ตัวหนังสือยังคงอ่านได้ ผลลัพธ์ที่ได้จะมีขนาดใหญ่กว่าไฟล์ PNG ที่ควรจะเป็นและจะสามารถอัปโหลดเข้าระบบได้จริง
PNG หมายถึงคุณภาพที่ดีกว่าจริงๆ หรือไม่
PNG เป็นการบีบอัดแบบไม่สูญเสียข้อมูล (lossless) ซึ่งไม่ได้หมายความว่าภาพจะสวยงามกว่าเสมอไป ภาพถ่ายที่บันทึกเป็น PNG จะดูเหมือนกันทุกประการกับภาพถ่ายเดียวกันที่บันทึกด้วย JPEG คุณภาพระดับ 90 แต่กลับกินพื้นที่จัดเก็บมากกว่าถึง 5 เท่า
ความสับสนนี้มาจากคำว่า lossless ซึ่งอธิบายถึงวิธีการจัดเก็บไฟล์มากกว่าที่จะอธิบายถึงลักษณะที่ปรากฏของภาพ การบีบอัดแบบไม่สูญเสียข้อมูลมีความสำคัญเมื่อไฟล์นั้นจะต้องถูกนำไปแก้ไขซ้ำๆ หรือเมื่อต้องการค่าพิกเซลที่แม่นยำแน่นอน สำหรับภาพถ่ายที่เผยแพร่เพียงครั้งเดียวและรับชมบนหน้าจอ ความแตกต่างนี้ไม่มีผลลัพธ์ใดๆ ที่มองเห็นได้เลย
ตำแหน่งของ WebP อยู่ตรงกลางระหว่างรูปแบบทั้ง 2 อย่างไร
WebP มีทั้งโหมดสูญเสียข้อมูลสำหรับภาพถ่ายและโหมดไม่สูญเสียข้อมูลสำหรับกราฟิก พร้อมทั้งรองรับความโปร่งใสในทั้งสองโหมด รูปแบบไฟล์นี้ช่วยขจัดความจำเป็นในการต้องเลือกในสถานการณ์ส่วนใหญ่บนเว็บ
เบราว์เซอร์ปัจจุบันทั้งหมดรองรับ WebP ดังนั้นเว็บไซต์จึงไม่มีเหตุผลใดที่จะต้องเลือกใช้ PNG หรือ JPEG ด้วยเหตุผลด้านความเข้ากันได้อีกต่อไป ให้เก็บรูปแบบไฟล์รุ่นเก่าไว้สำหรับไฟล์ที่จะถูกนำออกนอกเบราว์เซอร์ รวมถึงแบบฟอร์มการอัปโหลด ไฟล์แนบอีเมล ชุดข้อมูลประชาสัมพันธ์ และทุกสิ่งที่กำลังจะถูกส่งไปที่เครื่องพิมพ์ ซึ่งการรองรับ WebP ในส่วนนั้นยังคงมีจำกัดอยู่
การแปลงระหว่างรูปแบบไฟล์ทั้ง 2 แบบ
การแปลง PNG เป็น JPG จะช่วยลดขนาดไฟล์และทำให้สูญเสียความโปร่งใส การแปลง JPG เป็น PNG จะทำให้ขนาดไฟล์เพิ่มขึ้นและไม่สามารถกู้คืนอะไรกลับมาได้เลย ทิศทางที่สองนี้คือสิ่งที่ผู้คนมักจะทำกันผิดพลาด
รายละเอียดที่ถูกบีบอัดและทิ้งไปแล้วโดย JPEG ไม่สามารถกู้คืนกลับมาได้ด้วยการบันทึกเป็นรูปแบบไฟล์แบบไม่สูญเสียข้อมูล การแปลงไฟล์ JPEG เป็น PNG จะทำให้ได้ไฟล์ที่มีขนาดใหญ่ขึ้นซึ่งบรรจุภาพที่เสียหายชุดเดิมเอาไว้ ซึ่งบางครั้งอาจจะมีประโยชน์ในกรณีที่ระบบบังคับให้ใช้ PNG แต่ไม่มีประโยชน์ในด้านคุณภาพเลยแม้แต่น้อย ควรอ่านแปลงจากไฟล์ต้นฉบับที่มีคุณภาพสูงสุดเท่าที่คุณมี แทนที่จะแปลงจากไฟล์สำเนาสำหรับนำไปใช้งาน
การแปลงโฟลเดอร์ในขั้นตอนเดียว
ควรแปลงคลังภาพทั้งหมดพร้อมกันทีเดียวแทนที่จะทำทีละไฟล์ เนื่องจากการตัดสินใจเลือกรูปแบบไฟล์มักจะใช้กับภาพทั้งหมวดหมู่ โฟลเดอร์ภาพหน้าจอนั้นควรใช้ PNG และโฟลเดอร์ภาพถ่ายสินค้าควรใช้ JPG หรือ WebP
วางไฟล์พร้อมกันได้สูงสุดถึง 500 ไฟล์ หรือลากไฟล์ ZIP มาวางได้โดยตรง และภาพทุกภาพจะถูกแปลงตามข้อกำหนดเดียวกันทั้งหมด ทุกกระบวนการทำงานภายในเบราว์เซอร์ของคุณบนหน่วยประมวลผลของคุณเอง ดังนั้นงานของลูกค้า งานออกแบบที่ยังไม่เผยแพร่ และภาพหน้าจอภายในองค์กรจะไม่ถูกส่งไปยังเซิร์ฟเวอร์เลย ไม่มีข้อมูลใดถูกอัปโหลด ซึ่งหมายความว่าจะไม่มีนโยบายการเก็บรักษาข้อมูลให้ต้องอ่านและไม่มีการจัดเก็บสิ่งใดไว้ที่ไหนทั้งสิ้นหลังจากนั้น
จัดระเบียบคลังภาพของคุณออกเป็นภาพถ่ายและภาพกราฟิกก่อนที่จะทำการแปลง เนื่องจากรูปแบบไฟล์ที่ถูกต้องจะแตกต่างกันระหว่างสองกลุ่มนี้ ขั้นตอนการจัดหมวดหมู่เพียงขั้นตอนเดียวนี้คือสิ่งที่เปลี่ยนการตัดสินใจเลือกรูปแบบไฟล์ให้กลายเป็นงานแบบกลุ่ม และนั่นคือเหตุผลว่าทำไม 4 คำถามที่อยู่ด้านบนของบทความนี้จึงควรค่าแก่การตอบให้จบครั้งเดียวต่อหนึ่งโฟลเดอร์ แทนที่จะต้องมาตอบทีละไฟล์