ข้ามไปยังเนื้อหา

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 MB2.4 MBJPEG
ภาพหน้าจอที่มีข้อความ180 KB240 KB พร้อมข้อความเบลอPNG
โลโก้ที่มีพื้นหลังโปร่งใส40 KBสูญเสียความโปร่งใสPNG
แผนภูมิหรือแผนผัง90 KB150 KB พร้อมรอยฟุ้งรอบตัวหนังสือPNG
ภาพถ่ายที่สแกนมา12 MB1.8 MBJPEG

แถวของภาพหน้าจอคือสิ่งที่สร้างความประหลาดใจให้ผู้คนมากที่สุด 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 วิธีปฏิบัตินี้แทน โดยเรียงตามลำดับประสิทธิภาพ

  1. ลดขนาดมิติของภาพ ซึ่งทำได้ฟรีและมักจะได้ผลลัพธ์ที่ดีที่สุด ไม่มีใครต้องการภาพหน้าจอที่มีความกว้างถึง 5000 พิกเซลหรอก
  2. ลดความลึกของสี ซึ่งได้ผลดีกับภาพกราฟิกแบบทึบและได้ผลแย่กับภาพถ่าย
  3. ตัดส่วนที่ไม่ใช้งานออก เนื่องจากพื้นที่ว่างสีขาวยังคงมีผลต่อขนาดไฟล์
  4. แปลงเป็น 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 คำถามที่อยู่ด้านบนของบทความนี้จึงควรค่าแก่การตอบให้จบครั้งเดียวต่อหนึ่งโฟลเดอร์ แทนที่จะต้องมาตอบทีละไฟล์

กลับสู่บล็อก