ทำไมไฟล์ PNG ถึงใหญ่ วิธีย่อโดยไม่ทำลายภาพ

PNG ใหญ่เพราะวิธีเก็บพิกเซล ไม่ใช่เพราะ PNG “หนักเสมอ” เจ็ดเหตุผลด้านล่างเป็นกรณีที่พบบ่อย

ทำไมไฟล์ PNG ถึงใหญ่ได้ขนาดนี้

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

การบีบอัด lossless กับ lossy

Lossless ทำให้ทุกพิกเซลสร้างกลับได้ PNG เป็น lossless Lossy ทิ้งรายละเอียดบางส่วนเพื่อไฟล์เล็กลง JPEG เป็น lossy WebP ในฐานะฟอร์แมตสนับสนุนได้ทั้งโหมด lossy และ lossless จุดสำคัญไม่ใช่ศัพท์ แต่คือเหตุที่ PNG ยังใหญ่อยู่ได้ ฟอร์แมตเก็บข้อมูลพิกเซล ไม่ได้ทิ้งมัน

1. คุณบันทึกรูปถ่ายเป็น PNG

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

2. มิติใหญ่เกินที่คุณใช้

ภาพ 4000 × 3000 ที่ใช้ราว 1000 × 750 ยังพกพิกเซลเกิน ขนาดไฟล์ไม่ใช่แค่กว้าง × สูง แต่พิกเซลมากกว่ามักหมายถึงข้อมูลมากกว่า ถ้าต้องการแสดงผลเล็กกว่า การลดมิติช่วยได้ ย่อขนาดรูป เปลี่ยนความกว้างและความสูงในเบราว์เซอร์ได้เมื่อภาพใหญ่กว่าการใช้งานมาก

3. ความโปร่งใสอาจเพิ่มข้อมูล

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

4. ภาพซับซ้อนบีบอัดได้ไม่ดี

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

5. ภาพหน้าจออาจใหญ่ด้วยเหตุอื่น

ภาพหน้าจอมักเข้ากับ PNG เพราะตัวอักษร UI กราฟ ขอบคม และสีเรียบ ยังใหญ่ได้เพราะจอใหญ่ จับ retina หรือ DPI สูง มิติเกิน หรือรูปถ่ายในช็อต ไม่ได้หมายความว่าทุกภาพหน้าจอต้องเป็น PNG หมายความว่าภาพหน้าจอใหญ่ได้เพราะขนาด แม้ PNG จะเป็นฟอร์แมตที่สมเหตุสมผล

6. Metadata อาจเพิ่มขนาดเล็กน้อย

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

7. ข้อมูลสีมากกว่าอาจเพิ่มขนาดไฟล์

ภาพอาจเป็น RGB หรือ RGBA (RGB บวก alpha) ช่องมากกว่าหมายถึงข้อมูลสีมากกว่า ความลึกบิตสูงกว่าก็เพิ่มได้ ไม่ต้องตรวจ bit depth ก่อนลงมือ ถ้าเป็น PNG รูปถ่าย หรือใหญ่กว่าขนาดบนจอมาก เริ่มจากบีบอัด มิติ และว่า PNG เป็นฟอร์แมตที่เหมาะหรือไม่

• PNG
• ↓
• บันทึกรูปถ่ายเป็น PNG
• มิติใหญ่เกิน
• ความโปร่งใส / ช่องเพิ่ม
• นอยส์ เท็กซ์เจอร์ ไล่สี
• ↓
• ไฟล์ใหญ่ขึ้น

วิธีทำให้ไฟล์ PNG เล็กลง

ทำตามลำดับนี้ ไม่ต้องทุกขั้นกับทุกไฟล์

1. บีบอัด PNG
เข้ารหัส PNG ใหม่ก่อน การลดอาจน้อยถ้าไฟล์ถูกบีบอัดดีอยู่แล้ว

2. ย่อถ้ามิติใหญ่เกินความจำเป็น
ถ้าแสดงภาพเล็กกว่าขนาดพิกเซลมาก การลดความกว้างและความสูงตัดข้อมูลได้มาก

3. ตรวจว่าความโปร่งใสจำเป็นจริงไหม
เก็บ alpha เมื่อภาพต้องอยู่บนพื้นหลังที่เปลี่ยน เอาออกเมื่อพื้นทึบใช้ได้

4. พิจารณา JPEG หรือ WebP สำหรับรูปถ่าย
รูปถ่ายมักเล็กลงกว่าในฟอร์แมต lossy เมื่อไม่ต้องการพิกเซลตรงหรือความโปร่งใส

5. เลี่ยงการแปลงไปมาโดยไม่จำเป็น
แปลงไปกลับไม่ได้เพิ่มคุณภาพ แต่ละรอบ lossy อาจเพิ่มสิ่งแปลกปลอม

6. เทียบคุณภาพภาพหลังแปลง
ดูตัวอักษร เส้นบาง และใบหน้าที่ซูม 100% ก่อนลบต้นฉบับ

บีบอัด PNG ก่อน

NEXNARA บีบอัดรูป รับ JPG PNG และ WebP และคงฟอร์แมตเดิม PNG ยังเป็น PNG PNG ถูกเข้ารหัสใหม่โดยไม่เอาความโปร่งใสออก การลดขนาดมักน้อยเพราะ PNG เป็น lossless โดยเฉพาะถ้าถูกบีบอัดดีอยู่แล้ว แถบคุณภาพใช้กับ JPG และ WebP ไม่ใช่ PNG ไฟล์เกิน 20 MB ไม่ประมวลผลในเบราว์เซอร์

เมื่อไหร่ควรแปลง PNG เป็น JPEG

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

เมื่อไหร่ควรแปลง PNG เป็น WebP

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

เมื่อไหร่ควรคง PNG

คง PNG เมื่อต้องการความโปร่งใส โลโก้ ไอคอน ภาพหน้าจอที่มีตัวอักษรหรือ UI กราฟิกคม หรือพิกเซลตรง นี่คือการตรวจความเหมาะสม ไม่ใช่กฎว่าทุกชิ้น UI ต้องเป็น PNG ตลอดไป ถ้ารูปถ่ายไม่มีโปร่งใส ฟอร์แมตอื่นอาจเหมาะกว่า

เปรียบเทียบสั้น ไม่ใช่การจัดอันดับ

ฟอร์แมต	เหมาะกับ	ความโปร่งใส	การบีบอัด
PNG	โลโก้ ภาพหน้าจอ UI	มี	Lossless
JPEG	รูปถ่าย	ไม่มี	Lossy
WebP	รูปและกราฟิกเว็บ	มี	Lossy หรือ lossless

บีบอัดรูปในเบราว์เซอร์

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

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

แปลง PNG เป็น JPG หรือ WebP

แปลงรูปแบบรูป แปลงระหว่าง JPG PNG และ WebP ไม่แปลง HEIC SVG GIF เคลื่อนไหว RAW หรือ PDF

เมื่อเอาต์พุตเป็น JPG พิกเซลโปร่งถูกเติมด้วยสีพื้นที่คุณตั้ง (ขาวถ้าปล่อยค่าเริ่มต้น) เอาต์พุต PNG เป็น lossless JPG และ WebP ใช้ค่าคุณภาพ

การแปลงเกิดในเบราว์เซอร์ โฆษณาและฟีเจอร์อื่นของไซต์ยังใช้เครือข่าย นั่นแยกจากการประมวลผล

เริ่มที่ บีบอัดรูป ถ้าต้องการคง PNG เปิด แปลงรูปแบบรูป ถ้า PNG รูปถ่ายควรเป็น JPG หรือ WebP

FAQ

ทำไมไฟล์ PNG ของฉันถึงใหญ่

PNG เป็น lossless และเก็บความโปร่งใสกับรายละเอียดละเอียดได้ รูปถ่าย มิติเกิน นอยส์ และเท็กซ์เจอร์ซับซ้อนทำให้ไฟล์ใหญ่ Metadata เพิ่มได้นิด แต่แทบไม่ใช่สาเหตุหลัก

จะลดขนาดไฟล์ PNG ได้อย่างไร

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

PNG ใหญ่กว่า JPG เสมอไหม

ไม่ รูปถ่ายที่เป็น PNG มักใหญ่กว่า JPEG มาก แต่โลโก้เรียบง่ายหรือกราฟิก UI อาจเป็น PNG เล็ก ขนาดขึ้นกับเนื้อหา ไม่ใช่กฎตายตัว PNG กับ JPG

ควรแปลง PNG เป็น WebP ไหม

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

การบีบอัด PNG ลดคุณภาพไหม

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

ทำไมภาพหน้าจอ PNG ถึงใหญ่

ภาพหน้าจอมักเข้ากับ PNG เพราะตัวอักษร UI และสีเรียบ ยังใหญ่ขึ้นด้วยความละเอียดจอใหญ่ การจับ DPI สูง มิติเกิน หรือรูปในช็อต บีบอัดก่อน แปลงเมื่อไม่จำเป็นต้องเป็น PNG