ทำให้ PNG เล็กลงและยังใช้งานได้ดี
- ดูเนื้อหาของภาพ ภาพหน้าจอที่มีข้อความอ่านได้ โลโก้ และกราฟิกให้เริ่มด้วย PNG สำหรับภาพถ่าย ให้พิจารณา JPG ที่ส่งออกจากโปรแกรมแก้ไข หรือ WebP หากปลายทางรับ
- ตรวจขนาดพิกเซลและย่อสำเนาในโปรแกรมแก้ไขหากใหญ่กว่าที่ปลายทางต้องการ ตัดเฉพาะส่วนที่ไม่จำเป็นจริงก่อนอัปโหลด
- บีบอัด PNG ที่เตรียมไว้ด้วย Bitinz โดยคงรูปแบบเดิม เริ่มด้วยสมดุล แล้วเปรียบเทียบสูงสุดจากต้นทางเดียวกันเมื่อต้องการลองให้เล็กลง เมื่อคง PNG ไฟล์ที่ส่งมอบจะไม่ใหญ่กว่าไฟล์อัปโหลด
- เมื่อปลายทางรับได้ ให้เปรียบเทียบPNG เป็น WebPกับ PNG ที่บีบอัด การแปลง WebP สูญเสียข้อมูล จึงต้องตรวจทั้งภาพและขนาดไฟล์
- ตรวจตัวอักษรเล็ก เส้นบาง และการไล่สีเรียบ วางวัตถุโปร่งใสบนพื้นหลังที่จะใช้เพื่อตรวจขอบ ก่อนแทนที่ต้นฉบับ
เหตุผลที่ PNG อาจมีขนาดใหญ่
- รายละเอียดภาพถ่ายและสัญญาณรบกวน ใบไม้ เส้นผม เนื้อผ้า และสัญญาณรบกวนจากกล้องสร้างความเปลี่ยนแปลงเล็กๆ มากมาย PNG เก็บข้อมูลได้แม่นยำ แต่รูปแบบสำหรับภาพถ่ายมักเก็บได้กะทัดรัดกว่า
- สีจำนวนมากและการไล่สีเรียบ โลโก้เรียบง่ายอาจเล็กเมื่อเป็น PNG แต่ภาพวาดละเอียดหรือเงานุ่มมีข้อมูลหลากหลายกว่า ควรเปรียบเทียบไฟล์ส่งออกจริงแทนการดูชื่อไฟล์
- ความลึกบิตสูง PNG 16 บิตเก็บข้อมูลสีต่อช่องได้มากกว่า PNG 8 บิต หากโปรแกรมแก้ไขส่งออกที่ความลึกบิตต่ำลงได้ ให้เปรียบเทียบสีและการไล่สีก่อนเลือก
- พิกเซลเกินความจำเป็นของปลายทาง ตรวจความกว้างและสูงของไฟล์ ไม่ใช่แค่ขนาดที่เห็นบนจอ การย่อสำเนาทำงานมีประโยชน์เมื่อต้นฉบับใหญ่กว่าการใช้งานมาก
ภาพหน้าจอความหนาแน่นสูงอาจมีพิกเซลภาพจริงมากกว่าที่ขนาดแสดงผล CSS บอก เมื่ออัตราส่วนพิกเซลของอุปกรณ์เป็น 2 ภาพที่จับตามความละเอียดดั้งเดิมอาจกว้างและสูงเป็นสองเท่าของพื้นที่แสดงผล CSS ตรวจขนาดจริงของไฟล์ที่บันทึก เพราะเครื่องมือและการตั้งค่าจับภาพแตกต่างกัน
เลือกการส่งออกให้เหมาะกับรูป
| วิธี | เหมาะสำหรับ | ความโปร่งใส | สิ่งที่ควรเปรียบเทียบ |
|---|---|---|---|
| บีบอัดและเก็บ PNG | ภาพหน้าจอ โลโก้ และกราฟิกคมชัด | รองรับ | PNG เล็กลง โดยตรวจข้อความ เส้น และการไล่สี |
| แปลงเป็น WebP | ภาพถ่ายหรือกราฟิกบนเว็บไซต์ที่รองรับ | คงไว้เมื่อแปลง PNG สำเร็จ | ส่งออกแบบสูญเสียข้อมูล เปรียบเทียบภาพและขนาดจริง |
| ส่งออก JPG ในโปรแกรมแก้ไข | ภาพถ่ายสำหรับปลายทางที่รับ JPG | ไม่รองรับ ต้องเลือกพื้นหลังก่อน | มักกะทัดรัดสำหรับภาพถ่าย แต่ควรตรวจขอบและรายละเอียด |
เปรียบเทียบกราฟิกกับภาพถ่าย
ตัวอย่างนี้ทดสอบเมื่อ 2026-10-23 ใช้สมดุลโดยไม่เปลี่ยนขนาดภาพสำหรับทั้งสองผลลัพธ์ ขนาดคิดจาก 1 KB = 1000 ไบต์และปัดเศษ ส่วนกราฟิกเล็กแสดงไบต์จริงเป็น B นี่เป็นตัวอย่างจากภาพทดสอบของเรา ไฟล์ของคุณจะต่างออกไป
| ตัวอย่าง | PNG ต้นทาง | PNG ที่บีบอัดด้วยสมดุล | WebP ที่แปลงด้วยสมดุล |
|---|---|---|---|
| กราฟิกสีเดียว 153 × 55 | 546 B | 349 B | 458 B |
| ภาพกุหลาบ 400 × 301 | 125.4 KB | 26.6 KB | 8.0 KB |
PNG ที่บีบอัดเล็กกว่าสำหรับกราฟิกสีเดียว ส่วน WebP เล็กกว่าสำหรับภาพถ่าย ตรวจทั้งภาพและขนาด โดยเฉพาะตัวอักษร การไล่สี และขอบโปร่งใส
ตรวจไฟล์ที่เล็กลง
- ภาพมีพิกเซลตามที่การใช้งานต้องการ
- อ่านข้อความและเส้นบางได้เมื่อแสดงในขนาดใช้งาน
- การไล่สีเรียบไม่มีขั้นสีที่รบกวนสายตา
- ขอบโปร่งใสดูถูกต้องบนพื้นหลังที่จะใช้
- ปลายทางรับรูปแบบที่เลือกและรองรับความโปร่งใสที่จำเป็น
- เปรียบเทียบขนาดไฟล์จริงและเก็บต้นฉบับแล้ว
ดูการบีบอัดแบบสูญเสียและไม่สูญเสียข้อมูลเพื่อเลือกคุณภาพ หากไฟล์ไม่เปลี่ยนหรือมีข้อความแจ้งการแปลง ให้ดูคู่มือแก้ปัญหาการบีบอัด
คำถามที่พบบ่อย
- ทำไมไฟล์ PNG ของฉันใหญ่จัง?
- ขนาดภาพ รายละเอียดภาพถ่าย สัญญาณรบกวน การไล่สี หรือความลึกบิตสูง ล้วนเพิ่มข้อมูลได้ ตรวจขนาดพิกเซลจริง แล้วเปรียบเทียบ PNG ที่บีบอัดกับรูปแบบภาพถ่ายที่เหมาะสม
- บีบอัด PNG แล้วไม่สูญเสียข้อมูลเสมอไหม?
- การเข้ารหัส PNG ไม่สูญเสียข้อมูล แต่การบีบอัดหรือแก้ไขอาจเปลี่ยนรายละเอียดที่มองเห็น เก็บต้นฉบับและตรวจภาพส่งออกเมื่อต้องการความแม่นยำ
- ควรแปลงภาพถ่าย PNG เป็น JPG หรือ WebP ไหม?
- สำหรับภาพถ่าย ให้เปรียบเทียบ JPG หรือ WebP ที่ปลายทางรับกับ PNG ที่บีบอัด ส่งออก JPG ในโปรแกรมแก้ไข และเลือก PNG หรือ WebP หากต้องคงความโปร่งใส
- ทำ PNG โปร่งใสให้เล็กลงได้ไหม?
- ลดขนาดที่ไม่จำเป็นแล้วบีบอัดสำเนาทำงาน หากปลายทางรับ WebP ให้ลองเปรียบเทียบด้วย โดยใช้พื้นหลังจริงตรวจขอบโปร่งใส
เครื่องมือในคู่มือนี้
แหล่งข้อมูล
ตัวเลขในหน้านี้ตรวจสอบกับหน้าอย่างเป็นทางการเมื่อ 23 ตุลาคม 2569 แพลตฟอร์มอาจเปลี่ยนกฎได้ โปรดตรวจหน้าที่ลิงก์ไว้ก่อนยึดตามขีดจำกัดใด ๆ