ลดขนาดไฟล์ PNG ให้ไม่เกิน 50 KB
ขนาดไฟล์ 50 KB ถือว่าน้อยสำหรับ PNG แต่ก็เพียงพอสำหรับโลโก้ ไอคอน หรือภาพหน้าจออินเทอร์เฟซที่ครอปแล้ว เมื่อลดจำนวนสีลงเหลือเป็นพาเลต หน้านี้จะให้ผลลัพธ์เป็น PNG โดยคงความโปร่งใสไว้ และจะแจ้งตามจริงเมื่อภาพนั้นต้องเปลี่ยนเป็นฟอร์แมตอื่นจึงจะได้ขนาดตามที่กำหนด
บีบอัดรูปภาพ
หรือลากไฟล์ JPG, JPEG, JFIF … มาวางที่นี่ ·
สูงสุด 95 MB ต่อไฟล์· ได้สูงสุด 20 ไฟล์· ลบหลังจาก 30 นาที
ไฟล์จะถูกประมวลผลบนเซิร์ฟเวอร์ของเราและถูกลบหลังจาก 30 นาที
จะไม่ย่อให้แคบกว่าความกว้างนี้เมื่อลดขนาดภาพ 0 หมายถึงไม่มีขั้นต่ำ
กำหนดขนาดภาพก่อนบีบอัดได้ตามต้องการ แบบฟอร์มที่ระบุทั้งพิกเซลและ KB ต้องตั้งค่าทั้งสองอย่าง
จำนวนพิกเซลของด้านที่เลือกไว้ด้านบน
การค้นหาขนาดไฟล์เป้าหมายจะไม่ลดคุณภาพต่ำกว่านี้ แต่จะลดขนาดภาพแทน
4:2:0 ลดความละเอียดของสีลงครึ่งหนึ่งและประหยัดพื้นที่ได้มากสำหรับภาพถ่าย ส่วน 4:4:4 คงขอบที่คมชัดของข้อความ โลโก้ และภาพหน้าจอ
PNG แบบสูญเสียคุณภาพจะลดจำนวนสี (คล้าย TinyPNG) และเล็กกว่ามาก ส่วนแบบไม่สูญเสียคุณภาพจะเก็บทุกพิกเซลไว้
วิธีใช้เครื่องมือนี้
- 1
วางไฟล์ PNG ลงในหน้านี้
เพิ่มไฟล์ PNG เดียวหรือหลายไฟล์พร้อมกันได้สูงสุด 20 ไฟล์ ไฟล์ละไม่เกิน 95 MB ใช้ได้ทั้งไฟล์ที่ส่งออกจาก Figma, Canva, Photoshop หรือภาพแคปหน้าจอ
- 2
คงค่า 50 KB, PNG และแบบสูญเสียข้อมูลไว้
ขนาดไฟล์เป้าหมาย ตั้งไว้ที่ 50 KB, รูปแบบไฟล์ปลายทาง เป็น PNG และ การบีบอัด PNG เป็น สูญเสียคุณภาพ (ไฟล์เล็กกว่า) ใน การตั้งค่าขั้นสูง คุณกำหนด ความกว้างขั้นต่ำ เพื่อไม่ให้โลโก้ถูกย่อเล็กกว่าขนาดที่ยังต้องใช้ได้
- 3
บีบอัดเป็น PNG แล้วตรวจสอบขนาดไฟล์
กด บีบอัดเป็น PNG แต่ละไฟล์จะแสดงขนาดใหม่ไว้ข้างปุ่มดาวน์โหลด คุณจึงเห็นได้ว่าไฟล์เล็กกว่า 50 KB ก่อนนำไปอัปโหลดที่ใด ๆ
บีบอัด PNG ให้เหลือ 50 KB ได้จริงไหม
ได้สำหรับโลโก้ ไอคอน ไดอะแกรม และภาพแคปหน้าจอที่ครอปแล้ว การลดเหลือพาเลตไม่เกิน 256 สีมักทำให้ไฟล์ต่ำกว่า 50 KB ที่ขนาดเดิม แต่ PNG ขนาดใหญ่ที่เป็นภาพถ่ายจะลดถึงขนาดนี้ไม่ได้หากไม่ตัดพิกเซล จึงควรเลือกผลลัพธ์เป็น WebP หรือ JPG
ขีดจำกัด PNG 50 KB มาจากไหน
PNG คือฟอร์แมตที่คนเลือกใช้เมื่อภาพต้องการพื้นหลังโปร่งใสหรือขอบคมชัด เช่น โลโก้ในลายเซ็นอีเมล ไอคอนในศูนย์ช่วยเหลือ ป้ายในหน้าโปรไฟล์ สติกเกอร์ และภาพแคปหน้าจอที่ครอปไว้สำหรับรายงานข้อผิดพลาด ปลายทางเหล่านี้มักจำกัดขนาดไว้น้อย ระบบจัดการเนื้อหา แพลตฟอร์มการเรียน และเว็บฟอร์มรุ่นเก่ามักกำหนดขนาดรูปสูงสุดที่ 50 KB
ปัญหาคือไฟล์ PNG ที่ส่งออกมาแทบไม่เคยเล็ก เครื่องมือออกแบบบันทึกสี 32 บิตพร้อมช่องอัลฟาเต็มรูปแบบ และทั้ง Snipping Tool ของ Windows กับคีย์ลัดจับภาพหน้าจอของ macOS ก็บันทึกเป็น PNG โดยค่าเริ่มต้น โลโก้ที่ส่งออกกว้าง 1280 px หรือภาพจับหน้าต่างเบราว์เซอร์เพียงภาพเดียวอาจเริ่มต้นที่หลายร้อยกิโลไบต์ได้ง่าย ๆ
การลดสีเป็นพาเลตเทียบกับ PNG แบบไม่สูญเสียข้อมูลที่ 50 KB
- 16 สี
ไอคอนสองโทนและลายเส้น ส่วนที่มีการไล่เฉดจะเห็นเป็นขั้น
- 32 สี
โลโก้แบบเรียบง่ายและแผนภูมิที่มีไม่กี่ชุดข้อมูล
- 64 สี
ภาพแคปหน้าจอส่วนติดต่อผู้ใช้ที่ไม่มีรูปถ่าย ส่วนใหญ่ยังคมสะอาด
- 128 สี
โลโก้ที่มีการไล่สีหรือเงานุ่ม ๆ เห็นดิเธอริงเล็กน้อย
- 256 สี
จำนวนสีสูงสุดของพาเลต PNG ใกล้เคียงต้นฉบับที่สุด
โหมดสูญเสียคุณภาพในที่นี้คือการลดจำนวนสีด้วยพาเลต เครื่องมือเลือกสีที่สำคัญที่สุดในภาพของคุณได้สูงสุด 256 สี แล้วจับคู่ทุกพิกเซลกับสีที่ใกล้ที่สุด และเก็บดัชนี 8 บิตเพียงค่าเดียวต่อพิกเซล แทนข้อมูลแดง เขียว น้ำเงิน และอัลฟา 32 บิต รายการในพาเลตเก็บความโปร่งใสของตัวเองผ่านชังก์ tRNS ของ PNG ขอบแบบ anti-aliased ของโลโก้จึงยังผสมกับพื้นหลังใดก็ได้
โหมดไม่สูญเสียคุณภาพเก็บทุกพิกเซลไว้ จึงทำได้เพียงปรับการเข้ารหัส PNG ลองใช้ตัวกรองแถวหนึ่งในห้าแบบ (None, Sub, Up, Average และ Paeth) ก่อนบีบอัดข้อมูลด้วย Deflate ซึ่งเป็นอัลกอริทึมเดียวกับที่ใช้ในไฟล์ ZIP และตัดเมตาดาต้า เช่น text chunk และภาพตัวอย่างที่ฝังไว้ออก วิธีนี้ลดได้ตั้งแต่ไม่กี่เปอร์เซ็นต์จนถึงหนึ่งในสามของไฟล์ที่ส่งออกทั่วไป ซึ่งแทบไม่พอจะเปลี่ยน 400 KB ให้เป็น 50 KB ดูว่าทำไมสองฟอร์แมตนี้ต่างกันมากได้ใน คู่มือ JPG กับ PNG
เมื่อไฟล์ PNG ลดลงถึง 50 KB ไม่ได้
รูปถ่ายและภาพหน้าจอขนาดใหญ่จะไม่พอดีหากใช้ PNG
รูปถ่าย ภาพประกอบที่มีการไล่สีมาก หรือภาพจับเต็มหน้าจอที่มีรูปอยู่ภายใน มีสีแตกต่างกันนับพันและแทบไม่มีส่วนที่ซ้ำกัน แม้ใช้ 256 สีก็ยังเกิน 50 KB ที่ขนาดเดิมอยู่มาก เครื่องมือจึงต้องลดขนาดภาพ หากปลายทางรองรับ ให้ตั้ง รูปแบบไฟล์ปลายทาง เป็น WebP เพื่อคงความโปร่งใส หรือ แปลง PNG เป็น JPG เมื่อไม่ต้องการความโปร่งใส
คำถามเกี่ยวกับการลดขนาดไฟล์ PNG ให้ไม่เกิน 50 KB
ลดขนาดไฟล์โลโก้ PNG ได้เล็กแค่ไหนโดยยังดูไม่แย่?
โลโก้แบบเรียบที่มีสีแบรนด์ไม่กี่สีและพื้นหลังโปร่งใส มักมีขนาดเพียง 5 ถึง 20 KB เมื่อกว้าง 500 px ซึ่งต่ำกว่าเป้าหมายนี้มาก ส่วนโลโก้ที่มีเงา แสงเรือง หรือพื้นผิวแบบภาพถ่ายต้องใช้สีมากขึ้นเพื่อขอบที่นุ่มนวล จึงมีขนาดใกล้ 50 KB
ทำไมไฟล์ PNG ที่ได้จึงแคบกว่าต้นฉบับ?
เพราะการลดจำนวนสีอย่างเดียวยังไม่ทำให้ไฟล์ถึง 50 KB อนุญาตให้ลดขนาดภาพ จึงลดความกว้างและความสูงลงจนได้ขนาดตามเป้าหมาย กรณีนี้พบกับภาพแคปหน้าจอขนาดใหญ่และภาพที่มีรูปถ่ายอยู่ภายใน ให้กำหนด ความกว้างขั้นต่ำ หรือเปลี่ยน รูปแบบไฟล์ปลายทาง เป็น WebP ซึ่งยังคงความโปร่งใสและจัดการเนื้อหาแบบนี้ได้ดีกว่ามาก
PNG ที่ลดจำนวนสีแล้วยังเป็น PNG จริงหรือไม่?
ได้ ภาพแบบพาเลต ซึ่งในข้อกำหนดเรียกว่า indexed-color เป็นส่วนหนึ่งของ PNG มาตั้งแต่เวอร์ชันแรก เบราว์เซอร์และโปรแกรมแก้ไขรูปทุกตัวเปิดได้
ควรเลือกแบบไม่สูญเสียข้อมูลเมื่อต้องการ 50 KB หรือไม่?
เฉพาะเมื่อค่าพิกเซลต้องตรงเป๊ะ เช่น พิกเซลอาร์ต แบบวาดทางเทคนิค หรือภาพที่จะนำไปเทียบกันทีละไบต์ โหมดไม่สูญเสียคุณภาพเก็บทุกสีไว้และอาศัยการเข้ารหัสที่ฉลาดขึ้นกับการลบเมตาดาต้า ภาพส่วนใหญ่จึงลดถึง 50 KB ได้ก็ต่อเมื่อตัดพิกเซลออกแทน
แบบฟอร์มต้องการรูปถ่ายไม่เกิน 50 KB และรับไฟล์ PNG ควรใช้ PNG หรือไม่?
โดยทั่วไปไม่ควร รูปถ่ายใบหน้าเป็นภาพโทนต่อเนื่อง ซึ่งเป็นสิ่งที่พาเลต 256 สีจัดการได้แย่ที่สุด รูปเดียวกันแบบ JPG เก็บรายละเอียดได้มากกว่ามากที่ 50 KB ให้ใช้ ลดขนาดรูปให้ไม่เกิน 50 KB โดยเลือกผลลัพธ์เป็น JPG แทน