JPG กับ JPEG กับ PNG ต่างกันอย่างไร และควรใช้ฟอร์แมตไหน

JPEG เป็นชื่อของคณะกรรมการ ไม่ใช่ชื่อไฟล์ Joint Photographic Experts Group ซึ่งทำงานภายใต้ ISO และ ITU เผยแพร่มาตรฐานการบีบอัดในปี 1992 ในชื่อ ISO/IEC 10918-1 หรือที่รู้จักกันว่า ITU-T T.81 มาตรฐานนี้อธิบายวิธีบีบภาพถ่ายให้ใช้ไบต์น้อยลง แต่ไม่ได้กำหนดว่าไฟล์ควรใช้ชื่ออะไร นามสกุลที่ชัดเจนที่สุดคือ .jpeg ซึ่งระบบ Unix และ Mac รุ่นแรก ๆ ใช้กัน กลุ่มนี้ยังดูแล jpeg.org และดูแลฟอร์แมตใหม่ ๆ เช่น JPEG 2000 และ JPEG XL ควบคู่ไปกับฟอร์แมตดั้งเดิม

Windows เลือกทางอื่นเพราะ MS-DOS ชื่อไฟล์ใน DOS ใช้กฎ 8.3 คือไม่เกินแปดตัวอักษร จุดหนึ่งจุด และนามสกุลไม่เกินสามตัวอักษร นามสกุล .jpeg สี่ตัวอักษรจึงเกิดขึ้นบนดิสก์ FAT สมัยนั้นไม่ได้ โปรแกรมบน Windows จึงบันทึกเป็น .jpg แทน Windows 95 ยกเลิกข้อจำกัดด้วยชื่อไฟล์ยาว แต่ตอนนั้น .jpg กลายเป็นความเคยชินของผู้ผลิตกล้อง ไดรเวอร์สแกนเนอร์ และเว็บไซต์ไปแล้ว กฎระบบไฟล์ของกล้องที่กล้องดิจิทัลยึดถือยังคงตั้งชื่อเช่น DSC_0001.JPG ภาพถ่ายส่วนใหญ่ในโลกจึงใช้นามสกุลสามตัวอักษร

ภายในไฟล์ไม่มีอะไรต่างกัน ไฟล์ .jpg และ .jpeg เปิดได้ในโปรแกรมเดียวกัน ใช้ประเภทสื่อที่ลงทะเบียนไว้เหมือนกันคือ image/jpeg และมีไบต์เหมือนกันทุกประการหากเปลี่ยนชื่อจากอย่างหนึ่งเป็นอีกอย่าง นามสกุล .jpe และ .jfif ที่พบน้อยกว่าก็เป็นฟอร์แมตเดียวกัน การสะกดมีผลเฉพาะเมื่อซอฟต์แวร์ตรวจข้อความนามสกุลแทนที่จะตรวจเนื้อหา เช่น แบบฟอร์มอัปโหลดที่อนุญาตเพียง jpg กับ png เท่านั้น กรณีนี้ให้เปลี่ยนชื่อไฟล์ หรือส่งผ่าน JPEG เป็น JPG ซึ่งจะบันทึกใหม่ที่คุณภาพ 95 พร้อมนามสกุลที่แบบฟอร์มต้องการ

JPEG ออกแบบมาให้สูญเสียข้อมูล ตัวเข้ารหัสจะแปลงภาพจาก RGB เป็นช่องความสว่างหนึ่งช่องและช่องสีสองช่อง และมักเก็บช่องสีที่ความละเอียดครึ่งหนึ่ง เพราะดวงตาไวต่อรายละเอียดของสีน้อยกว่าความสว่างมาก จากนั้นจะตัดภาพเป็นบล็อกขนาด 8 × 8 พิกเซล อธิบายแต่ละบล็อกเป็นผลรวมของลวดลายคลื่นเรียบ ๆ แล้วปัดลวดลายละเอียดที่สำคัญน้อยที่สุดทิ้ง ตัวเลขคุณภาพในหน้าต่างส่งออกควบคุมว่าจะปัดแรงแค่ไหน ที่ 85 ภาพถ่ายดูไม่เปลี่ยนบนหน้าจอ ที่ 50 ไฟล์เล็กลงอีก แต่รอยจากการปัดเริ่มเห็นได้

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

ความแตกต่างนี้อธิบายรอยตำหนิที่คุณเคยเห็น ความเสียหายของ JPEG ปรากฏเป็นสี่เหลี่ยมเป็นบล็อกบนท้องฟ้าเรียบ ๆ สีเลอะตามขอบสีแดงสด และระลอกจาง ๆ ที่เรียกว่า ringing รอบตัวอักษรและเส้นคม การบันทึก JPEG ซ้ำหลังแก้ไขจะปัดซ้ำและเพิ่มความเสียหายอีกเล็กน้อยทุกครั้ง เรียกว่า generation loss ส่วน PNG ไม่ก่อรอยตำหนิเอง แต่ก็ลบรอยที่มีอยู่แล้วไม่ได้ JPEG ที่แปลงเป็น PNG ยังคงทุกบล็อกและระลอกไว้ เพียงแต่เก็บอย่างสมบูรณ์ ตัวแปลง JPG เป็น PNG มีไว้เพื่อตรึงภาพก่อนแก้ไข ไม่ใช่เพื่อซ่อมภาพ

PNG มีช่องอัลฟาได้ คือค่าที่สี่ของทุกพิกเซลที่บอกความทึบ ตั้งแต่ 0 (มองไม่เห็น) ถึง 255 (ทึบ) ทำให้เงานุ่ม ๆ เส้นโค้งแบบ anti-alias และภาพสินค้าที่ตัดพื้นหลังออกดูถูกต้องบนทุกพื้นหลัง โลโก้ ไอคอน สติกเกอร์ โอเวอร์เลย์ และกราฟิกของอินเทอร์เฟซจึงมักเป็น PNG นอกจากนี้ PNG ยังเก็บจานสีได้สูงสุด 256 สีพร้อมความโปร่งใส ซึ่งมักเรียกว่า PNG-8 ช่วยให้ไอคอนเรียบง่ายมีขนาดเล็กเป็นพิเศษ ส่วน JPEG ไม่มีช่องอัลฟาเลย ทุกพิกเซลใน JPEG ทึบสมบูรณ์ และฟอร์แมตนี้ไม่มีวิธีระบุว่าบริเวณใดโปร่งใส

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

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

ขนาดไฟล์สำคัญกว่าที่คิด Gmail จำกัดไฟล์แนบ 25 MB ต่ออีเมล และ Outlook.com จำกัด 20 MB ภาพถ่าย PNG ห้าภาพจากโทรศัพท์จึงอาจส่งไม่ได้ ในขณะที่ JPG ห้าภาพส่งผ่านได้สบาย พอร์ทัลราชการและพอร์ทัลสอบจำนวนมากจำกัดการอัปโหลดไว้ที่ไม่กี่ร้อยกิโลไบต์หรือน้อยกว่านั้น หน้าเว็บโหลดทุกไบต์ผ่านเน็ตมือถือ และภาพถ่าย PNG ขนาดใหญ่เกินไปเป็นสาเหตุที่พบบ่อยที่ทำให้หน้าเว็บรู้สึกช้า เมื่อ JPG ยังใหญ่เกินสำหรับพอร์ทัล การลดคุณภาพทีละขั้นมักไปถึงเป้าหมายโดยภาพเปลี่ยนให้เห็นน้อยกว่าการลดขนาดภาพ คู่มือลดขนาดรูปเป็น KB อธิบายไว้ทั้งสองวิธี

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

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

JPG เป็นฟอร์แมตที่แบบฟอร์มอัปโหลดเกือบทุกแห่งรับ ระบบพาสปอร์ตและวีซ่า เว็บสมัครสอบและสมัครงาน การเคลมประกัน ใบสมัครเรียน และประกาศขายสินค้า มักระบุ JPG หรือ JPEG เป็นอันดับแรก และมักกำหนดเพดาน KB กับขนาดพิกเซลที่แน่นอนด้วย เช่น ระบบต่อพาสปอร์ตออนไลน์ของกระทรวงการต่างประเทศสหรัฐฯ ขอรูปถ่ายเป็นไฟล์ JPEG ส่วน PNG มีรองรับในหลายแบบฟอร์มแต่ไม่ทุกที่ และ WebP, HEIC กับ AVIF มักถูกปฏิเสธทันที หากแบบฟอร์มระบุเฉพาะ JPG ภาพถ่ายหรือภาพแคปหน้าจอที่เป็น PNG ต้องแปลงไฟล์จริง ไม่ใช่แค่เปลี่ยนชื่อ เพราะหลายเว็บตรวจเนื้อหาไฟล์จริง

บางที่ต้องการ PNG แทน App Store Connect ต้องใช้ไอคอนแอปเป็น PNG ขนาด 1024 × 1024 px, Google Play ขอไอคอน PNG ขนาด 512 × 512 px และร้านพิมพ์ลายตามสั่งบนเสื้อหรือแก้วมักต้องการ PNG พื้นหลังโปร่งใส เพื่อให้เห็นสีของผ้าทะลุออกมา เครื่องมือสร้าง favicon แอปสติกเกอร์ และเทมเพลตงานนำเสนอก็มักนิยม PNG ด้วยเหตุผลเดียวกัน ในกรณีเหล่านี้ JPG อาจถูกปฏิเสธ หรือดูผิดปกติเพราะมีกรอบสีขาวล้อมลายในจุดที่พื้นหลังควรหายไป

ร้านพิมพ์อยู่กึ่งกลาง ร้านล้างอัดภาพทั่วไปและตู้พิมพ์ภาพตามร้านขายยารับ JPG ทุกที่ และรับ PNG หลายแห่งแต่ไม่ทุกเคาน์เตอร์ และ JPG ที่บันทึกคุณภาพ 90 ขึ้นไปพิมพ์ออกมาเหมือน PNG ที่ขนาดปกติ สิ่งที่สำคัญกว่าสำหรับงานพิมพ์คือความละเอียด ราว 300 พิกเซลต่อนิ้วที่ขนาดจริง และสี โรงพิมพ์เชิงพาณิชย์ทำงานด้วย CMYK ซึ่ง JPEG เก็บได้แต่ PNG เก็บไม่ได้ โรงพิมพ์ออฟเซ็ตจึงมักขอ PDF, TIFF หรือ JPG คุณภาพสูงแทน PNG หากไม่แน่ใจ ให้ส่ง JPG คุณภาพ 95 ให้ร้านพิมพ์

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

ทั้งสามแบบทำได้ในเบราว์เซอร์ บน UltKit คุณวางไฟล์ได้สูงสุด 20 ไฟล์ ไฟล์ละไม่เกิน 95 MB เลือกฟอร์แมตปลายทาง แล้วกด แปลงเป็น JPG หรือ แปลงเป็น PNG ไม่ต้องติดตั้งโปรแกรม ไม่ต้องสมัครบัญชี และไฟล์จะถูกลบ 30 นาทีหลังประมวลผล บนคอมพิวเตอร์ของคุณเอง Paint บน Windows และ Preview บน Mac บันทึกทีละภาพเป็น JPEG หรือ PNG ได้ แต่ควบคุมสีพื้นหลังที่มาแทนความโปร่งใสได้น้อย ส่วนบนโทรศัพท์โดยทั่วไปต้องใช้แอปหรือเว็บไซต์ในทั้งสองทิศทาง

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