ช่วยแก้ปัญหา
JPG กับ PNG สำหรับสกรีนช็อต อันไหนเล็กกว่า
เลือก JPG หรือ PNG สำหรับสกรีนช็อตตามเนื้อหา UI และตัวอักษรมักคมกว่าแบบ PNG เฟรมที่มีรูปถ่ายเยอะอาจเล็กกว่าแบบ JPEG
สกรีนช็อตที่มีตัวอักษร UI เส้นคม สีเรียบ หรือความโปร่งใส PNG มักเก็บขอบได้สะอาดกว่า เฟรมที่มีรูป วิดีโอ เกม หรือไล่สีเยอะ JPEG มักทำไฟล์เล็กกว่าที่คุณภาพยอมรับได้
ไม่มีกฎว่า PNG ใหญ่กว่าเสมอหรือ JPEG เล็กกว่าเสมอ ขนาดขึ้นกับเนื้อหา มิติ การบีบอัด ความโปร่งใส และความซับซ้อน
สกรีนช็อต UI และตัวอักษรเริ่มที่ PNG สกรีนช็อตที่มีรูปเยอะ JPEG น่าเทียบ เล็กกว่าไม่ดีกว่าอัตโนมัติถ้าตัวอักษรอ่านยากขึ้น
คู่มือนี้พูดถึงสกรีนช็อตเท่านั้น ไม่ใช่บทเรียนทั่วไปเรื่อง WebP vs JPG vs PNG รูป โลโก้ และภาพเว็บทั้งสามฟอร์แมตดู WebP กับ JPG กับ PNG ควรใช้แบบไหนจริง ๆ ถ้าต้องการไฟล์เล็กกว่าโดยไม่เบลอชัดเจนดู วิธีลดขนาดไฟล์รูปโดยไม่ให้ภาพเบลอ
JPG กับ JPEG คือฟอร์แมตเดียวกัน
JPG กับ JPEG เป็นฟอร์แมตเดียวกัน ตัวอักษรต่างกันที่นามสกุลไฟล์ ไม่ใช่การเข้ารหัส
ทำไมสกรีนช็อตมักถูกบันทึกเป็น PNG
สกรีนช็อตมักมีตัวอักษร ไอคอน ปุ่ม UI สีเรียบ ขอบคม และเส้นบาง PNG ใช้การบีบอัดแบบ lossless ดังนั้นขอบเหล่านั้นคมได้ PNG รองรับความโปร่งใสด้วย นั่นไม่ได้แปลว่าสกรีนช็อตทุกใบต้องเป็น PNG
ทำไม JPEG ถึงเล็กกว่า PNG ได้
JPEG ใช้การบีบอัดแบบ lossy เก็บรายละเอียดภาพถ่ายและโทนต่อเนื่องในไฟล์ที่เล็กกว่าได้ ถ้าสกรีนช็อตส่วนใหญ่เป็นรูป วิดีโอ เกม 3D ภาพกล้อง หรือเท็กซ์เจอร์ซับซ้อน JPEG อาจเล็กกว่ามาก JPEG ไม่ได้บีบได้ดีกว่าเสมอ และไม่มีเปอร์เซ็นต์ตายตัว
PNG มักปลอดภัยกว่าสำหรับสกรีนช็อตตัวอักษรและ UI
UI เว็บ หน้าตั้งค่า โค้ด เทอร์มินัล สเปรดชีต แดชบอร์ด แชท เอกสาร ข้อผิดพลาด และบทเรียน เป็นการจับภาพที่มักเริ่มที่ PNG ขอบคม ตัวอักษรเล็ก และเส้นบางอาจโชว์ ringing รัศมี เลอะ หรือบล็อกของ JPEG JPEG ไม่ได้ทำให้ตัวอักษรทั้งหมดอ่านไม่ได้ แค่สิ่งแปลกปลอมเห็นง่ายกว่าบน UI
JPEG ใช้ได้ดีกับสกรีนช็อตที่มีรูปเยอะ
เฟรมหนังหรือวิดีโอ ฉากเกม แกลเลอรีรูป ตัวแก้ไขที่โชว์รูปถ่าย หรือฟีดโซเชียลที่เต็มไปด้วยรูป อาจหดมากกว่าเป็น JPEG กว่า PNG ถ้าป้าย UI เล็กซ้อนบนรูปนั้น ตรวจป้ายหลังแปลง
สกรีนช็อตที่มีทั้งตัวอักษรและรูปล่ะ
หน้าเว็บที่มีรูปใหญ่บวกเมนูและตัวอักษรเล็ก ไม่มีฟอร์แมตถูกเพียงอย่างเดียว เลือก PNG เมื่อ UI และตัวอักษรต้องคม เลือก JPEG เมื่อขนาดไฟล์สำคัญและภาพเกือบทั้งหมดเป็นรูปถ่าย ส่งออกทั้งสองแล้วเทียบที่ขนาดแสดงจริง
PNG เสียคุณภาพหรือไม่
การบีบอัด PNG เองเป็น lossless การเข้ารหัสพิกเซลชุดเดิมเป็น PNG อีกครั้งไม่เติมสิ่งแปลกปลอมแบบ lossy ใหม่ การแปลง JPEG เป็น PNG ไม่คืนคุณภาพ รายละเอียด JPEG ที่หายไปยังหาย PNG แค่ห่อพิกเซลที่เสียแล้ว
JPG ลดคุณภาพสกรีนช็อตหรือไม่
JPEG เป็น lossy การตั้งคุณภาพเปลี่ยนขนาดไฟล์และความแรงของสิ่งแปลกปลอม คุณภาพปานกลางอาจดูยอมรับได้ การบีบหนักทำให้ตัวอักษร เส้นบาง และขอบเห็นง่ายขึ้น ไม่มีตัวเลขคุณภาพใดที่ดูเหมือนกันในทุกสกรีนช็อต
ถ้าสกรีนช็อตมีความโปร่งใสล่ะ
PNG รองรับความโปร่งใส alpha JPEG ไม่รองรับ ถ้าต้องการพื้นโปร่งใส อยู่ที่ PNG แปลงรูปแบบรูป เติมพิกเซลโปร่งใสด้วยพื้นหลังที่เลือกเมื่อเอาต์พุตเป็น JPEG ค่าเติมเริ่มต้นคือขาว (#ffffff)
อันไหนเล็กกว่า JPG หรือ PNG
ขึ้นกับพิกเซล ตัวอักษร UI และกราฟิกเรียบง่าย อาจทำให้ PNG แข่งขันได้ หรือเล็กกว่าด้วยซ้ำ ภาพถ่าย มีนอยส์ หรือซับซ้อน มักบีบได้ดีกว่าเป็น JPEG การจับสีเรียบที่ง่ายมากอาจมีประสิทธิภาพเป็น PNG JPEG ไม่เล็กกว่า PNG เสมอ
ฟอร์แมตไม่ใช่เหตุเดียวที่สกรีนช็อตใหญ่
ความกว้าง ความสูง จำนวนพิกเซล ความซับซ้อน ฟอร์แมต คุณภาพ และความโปร่งใส ล้วนมีผลต่อขนาด ภาพ 3840×2160 ที่แสดงใกล้ 1200px อาจหดจากการปรับขนาดมากกว่าการสลับ JPG กับ PNG ไม่มีกฎตายตัวว่า «กว้างครึ่งหนึ่งแปลว่าไบต์ครึ่งหนึ่ง» วิธีลดขนาดไฟล์รูปโดยไม่ให้ภาพเบลอ ครอบคลุมเวิร์กโฟลว์ขนาดนั้น
ควรปรับขนาดสกรีนช็อตก่อนแปลงหรือไม่
ถ้าภาพใหญ่กว่าที่จะแสดงมาก สร้างสำเนาที่เล็กกว่าตามมิติที่ต้องการ เก็บต้นฉบับถ้าอาจซูม พิมพ์ เก็บ หรือครอปภายหลัง ย่อขนาดรูป เปลี่ยนความกว้างและความสูง ล็อกสัดส่วนได้ และมีพรีเซ็ตเปอร์เซ็นต์กับขนาดที่ใช้บ่อย มันคงฟอร์แมตต้นทาง
ควรแปลงสกรีนช็อต PNG เป็น JPG หรือไม่
การแปลงสมเหตุสมผลเมื่อภาพเกือบทั้งหมดเป็นรูปถ่าย ไม่ได้ใช้ความโปร่งใส ต้องการอัปโหลดที่เล็กกว่า และยอมรับสิ่งแปลกปลอม JPEG เล็กน้อย อย่าใช้เป็นค่าเริ่มต้นสำหรับตัวอักษรจิ๋ว โค้ด UI เส้น ความโปร่งใส หรือต้นแบบที่ต้องตรงพิกเซล เทียบด้วยตาหลังแปลง
การแปลง JPG เป็น PNG เพิ่มคุณภาพหรือไม่
ไม่ การแปลงฟอร์แมตไม่ใช่การกู้คุณภาพ สิ่งแปลกปลอม JPEG และรายละเอียดที่หายไม่กลับมาในห่อ PNG ไฟล์ยังอาจใหญ่ขึ้น
บีบอัดสกรีนช็อต PNG โดยไม่ให้เบลอได้หรือไม่
บีบอัดรูป เข้ารหัส PNG ใหม่ด้วยเอาต์พุต canvas แบบ lossless และคงความโปร่งใส นั่นลดขนาดได้ แต่ PNG ที่แน่นอยู่แล้วอาจหดเพียงเล็กน้อย การบีบ PNG ไม่ได้ตัดแบบดราม่าเสมอ
ควรบีบสกรีนช็อต JPG แค่ไหน
ไม่มีตัวเลขคุณภาพสากล เริ่มปานกลาง พรีวิว ตรวจตัวอักษรเล็กและขอบ แล้วลดคุณภาพเฉพาะเมื่อยังต้องการไฟล์เล็กกว่า ตรวจที่ขนาดที่ใช้ดูจริง ไม่ใช่แค่ซูม 100%
หลังบีบอัดควรตรวจอะไร
ดูตัวอักษรเล็ก ไอคอน เส้นบาง ขอบ ตัวอักษรโค้ด ชาร์ต ไล่สี ขอบภาพ และป้าย UI ยืนยันที่ขนาดที่คนจะเห็นจริง
ฟอร์แมตเริ่มต้นที่ใช้ได้จริงสำหรับสกรีนช็อต
เริ่มที่นี่ แล้วเทียบถ้าขนาดหรือความคมยังไม่ถูก
| เนื้อหาสกรีนช็อต | เริ่มด้วย | เหตุผล |
|---|---|---|
| UI / หน้าแอป | PNG | ขอบคมและตัวอักษร |
| โค้ด / เทอร์มินัล | PNG | ตัวอักษรเล็ก |
| สเปรดชีต / ชาร์ต | PNG | เส้นและป้าย |
| หน้าจอที่มีรูปเยอะ | JPEG | ไฟล์เล็กกว่าอาจเป็นไปได้ |
| เฟรมเกม / หนัง | JPEG | ภาพโทนต่อเนื่อง |
| ต้องมีความโปร่งใส | PNG | รองรับ alpha |
| หน้าเว็บผสม | เทียบทั้งสอง | ขึ้นกับส่วนผสม |
แนวตัดสินใจฟอร์แมตสกรีนช็อตแบบง่าย
ตัดสินจากพิกเซล ไม่ใช่จากนิสัยเซฟ PNG เสมอ
- คุณมีสกรีนช็อต
- ส่วนใหญ่เป็นตัวอักษร / UI / เส้น? เริ่มที่ PNG
- ส่วนใหญ่เป็นรูป / วิดีโอ / ภาพเกม? ลอง JPEG แล้วเทียบ
- ต้องการความโปร่งใส? อยู่ที่ PNG
- ยังใหญ่เกินไป? ปรับพิกเซลที่เกิน บีบพอประมาณ ตรวจขนาดที่ใช้ดู
- เก็บต้นฉบับถ้ายังสำคัญ
สกรีนช็อตที่ใหญ่กว่านิดแต่ตัวอักษรกับ UI อ่านได้ มักมีประโยชน์กว่า JPEG ที่เล็กที่สุด เป้าคือเล็กพอและคมพอ
แปลงฟอร์แมตสกรีนช็อตในเบราว์เซอร์
NEXNARA แปลงรูปแบบรูป แปลง JPG PNG และ WebP ในเบราว์เซอร์ ความกว้างและความสูงพิกเซลคงเดิม
JPG และ WebP ใช้การตั้งคุณภาพ เอาต์พุต PNG เป็น lossless PNG และ WebP คง alpha ได้ JPEG ไม่มี alpha พิกเซลโปร่งใสถูกเติมด้วยพื้นหลังที่เลือก ค่าเริ่มต้นขาว WebP ใช้คุณภาพ canvas toBlob เครื่องมือนี้ไม่สัญญา WebP แบบ lossless
ไฟล์ใหญ่กว่า 20 MB จะไม่ประมวลผล
บีบสกรีนช็อตโดยไม่เปลี่ยนฟอร์แมต
NEXNARA บีบอัดรูป คง JPG PNG หรือ WebP เป็นฟอร์แมตเดิม
JPG และ WebP ใช้คุณภาพ PNG คือการเข้ารหัสใหม่แบบ lossless ที่คงความโปร่งใส NEXNARA ย่อขนาดรูป คือที่เปลี่ยนมิติเมื่อภาพใหญ่เกิน
ขีดจำกัด 20 MB เดียวกันใช้ได้ การประมวลผลภาพเองเกิดในเบราว์เซอร์ ไฟล์ไม่ถูกส่งไปเซิร์ฟเวอร์ NEXNARA เพื่อแปลง บีบ หรือปรับขนาด โฆษณาและฟีเจอร์ไซต์อื่นยังใช้เครือข่าย
การประมวลผลภาพเป็นแบบโลคัล นั่นไม่ใช่การอ้างว่าทั้งไซต์ออฟไลน์
เทียบภาพ UI เป็น PNG และภาพที่มีรูปเยอะเป็น JPEG ใน แปลงรูปแบบรูป แล้วบีบต่อเมื่อชอบฟอร์แมตแล้ว
FAQ
JPG หรือ PNG ดีกว่าสำหรับสกรีนช็อต
ขึ้นกับเนื้อหา เริ่มที่ PNG สำหรับตัวอักษรและ UI ลอง JPEG สำหรับเฟรมที่มีรูปเยอะแล้วเทียบ
อันไหนเล็กกว่าสำหรับสกรีนช็อต JPG หรือ PNG
ไม่มีฝ่ายใดเล็กกว่าเสมอ UI เรียบง่ายอาจเข้าทาง PNG รูปซับซ้อนมักเข้าทาง JPEG
ทำไมสกรีนช็อตมักเป็น PNG
หลายภาพเป็น UI และตัวอักษร PNG แบบ lossless เก็บขอบคมและเก็บความโปร่งใสได้
ควรแปลงสกรีนช็อต PNG เป็น JPG หรือไม่
เฉพาะเมื่อภาพเกือบทั้งหมดเป็นรูปถ่าย ไม่ต้องการความโปร่งใส และยอมรับสิ่งแปลกปลอมที่อาจมี ตรวจผล
การแปลง JPG เป็น PNG เพิ่มคุณภาพหรือไม่
ไม่ การสูญเสียของ JPEG ไม่ถูกกู้ด้วยการห่อพิกเซลใน PNG
ฟอร์แมตไหนดีที่สุดสำหรับสกรีนช็อตที่มีตัวอักษร
PNG มักเป็นจุดเริ่มที่ปลอดภัยกว่า JPEG ยังใช้ได้ แต่ตรวจตัวอักษรเล็กและเส้นบาง