ก่อนหน้านี้ ฉันเขียนบทความเกี่ยวกับวิธีลดขนาดไฟล์รูปภาพโดยใช้ตัวเลือกอีเมลในตัวใน Explorer หรือโดยใช้โปรแกรมเดสก์ท็อปชื่อ Image Resizer สำหรับ Windows นี่เป็นตัวเลือกที่ดี แต่มีวิธีอื่นๆ อีกหลายวิธีในการเพิ่มประสิทธิภาพภาพ นอกจากนี้ เว็บไซต์จำนวนมากจะบอกให้คุณใช้ Paint แต่ฉันพบว่าวิธีนี้ไม่ใช่วิธีที่ดีเพราะว่าภาพดูแย่กว่านั้นมาก
ประการแรก สิ่งสำคัญคือต้องเข้าใจว่าวิธีการบางอย่างที่ใช้ในการลดขนาดของรูปภาพจะส่งผลให้รูปภาพมีคุณภาพต่ำลง ซึ่งอาจใช้ได้ดีสำหรับเว็บไซต์ แต่ไม่ใช่สำหรับการพิมพ์ ซึ่งมักเกิดขึ้นเมื่อคุณเปลี่ยนความละเอียดของรูปภาพ เช่น จาก 2560×1440 เป็น 1920×1080
อีกวิธีในการลดขนาดของรูปภาพคือการบีบอัดรูปภาพ การบีบอัดมีสองประเภท:แบบไม่สูญเสียและการสูญเสีย การบีบอัดแบบไม่สูญเสียข้อมูลจะลดขนาดของภาพโดยไม่สูญเสียพิกเซลของไฟล์ต้นฉบับแม้แต่พิกเซลเดียว Lossy หมายความว่าข้อมูลบางส่วนจะสูญหาย
ในที่สุด รูปแบบรูปภาพก็สร้างความแตกต่างอย่างมากในขนาดของไฟล์ ภาพปกติที่คุณถ่ายจากกล้องของคุณอาจเป็นภาพ JPG เนื่องจากใช้งานได้ดีในแง่ของการบีบอัด อย่างไรก็ตาม รูปภาพที่มีไม่กี่สี (256 สีหรือน้อยกว่า) จะเล็กกว่ามากหากคุณใช้ GIF PNG เป็นรูปแบบที่ไม่มีการสูญเสียซึ่งสามารถบีบอัดได้สูง ทำงานได้ดีสำหรับเว็บกราฟิกและภาพถ่ายที่ซับซ้อน
ในบทความนี้ ฉันจะยกตัวอย่างบางส่วนพร้อมภาพหน้าจอของการบีบอัดรูปภาพโดยใช้รูปแบบต่างๆ เพื่อให้คุณเห็นความแตกต่างของขนาดและคุณภาพ
วิธีลดขนาดรูปภาพ
มาเริ่มกันด้วยการพูดถึงวิธีลดขนาดของภาพโดยไม่สูญเสียคุณภาพ สิ่งนี้จะให้ไฟล์ที่เล็กที่สุดแก่คุณโดยที่ยังคงคุณภาพดั้งเดิมของภาพไว้ เห็นได้ชัดว่าการใช้การบีบอัดแบบสูญเสียข้อมูลจะทำให้คุณได้ไฟล์ที่เล็กกว่ามาก ดังที่คุณเห็นในตัวอย่างด้านล่าง แต่จะสูญเสียคุณภาพบางส่วนไป
รูปแบบและการบีบอัด
อันดับแรก เริ่มจากกราฟิกสีเรียบๆ ตัวอย่างเช่น ฉันเพิ่งถ่ายภาพหน้าจอของเว็บไซต์ HDG (600×319) เนื่องจากมีสีไม่กี่สีและไม่ซับซ้อน ต่อไปนี้คือขนาดไฟล์ในรูปแบบต่างๆ โดยไม่มีการบีบอัด:
ต้นฉบับ GIF:27 KB
ต้นฉบับ JPEG:67 KB
PNG ดั้งเดิม:68 KB
อย่างที่คุณเห็น ไฟล์ PNG และ GIF นั้นคมชัดกว่า JPEG อย่างแน่นอน ดังที่ได้กล่าวไว้ก่อนหน้านี้ JPEG ดีกว่าสำหรับการถ่ายภาพ GIF ทำได้ดีที่นี่เพราะมีขนาดเพียง 27 KB เมื่อเทียบกับ PNG ซึ่งมีขนาด 68 KB อย่างไรก็ตาม จากประสบการณ์ของผม PNG จะบีบอัดได้ดีกว่ามากหากเป็นการบีบอัดแบบสูญเสียข้อมูลและคุณภาพของภาพก็ยังดีมาก
เมื่อฉันบีบอัดรูปภาพทั้งสามแบบโดยไม่สูญเสียข้อมูล มีเพียงรูปภาพ JPG และ PNG เท่านั้นที่ลดขนาดลง แต่ไม่มากนัก PNG ไปที่ 45 KB และ JPG ไปที่ 58 KB เมื่อฉันบีบอัดข้อมูลแบบสูญเสีย ตัวเลขสำหรับ PNG นั้นน่าประทับใจที่สุด
Lossy GIF:22 KB
Lossy JPEG:50 KB
PNG เสีย:23 KB
อย่างที่คุณเห็น PNG ดูดีที่สุดและใหญ่กว่า GIF เพียง 1 KB! นั่นเป็นเหตุผลที่ฉันใช้ภาพ PNG บนเว็บไซต์นี้สำหรับภาพหน้าจอส่วนใหญ่ของฉัน โดยปกติแล้ว JPEG จะดีกว่าสำหรับภาพถ่ายที่มีสีมากมาย แต่อย่าลืมว่า JPG เป็นเพียง 16 บิต ในขณะที่ PNG เป็น 24 บิต ดังนั้น JPG จึงสนับสนุนสีหลายล้านสี แต่ PNG รองรับสีไม่จำกัด
GIF ลดลงเพียง 5 KB แต่ในขณะเดียวกันก็สูญเสียคุณภาพไปมาก JPG ไม่ได้บีบอัดมาก แต่ปกติ JPG จะไม่บีบอัดเช่นเดียวกับ PNG
คุณสามารถใช้แอปรูปภาพเพื่อเปลี่ยนรูปแบบสำหรับรูปภาพเพื่อดูว่าขนาดใดเล็กที่สุด สำหรับการบีบอัด ผมแนะนำให้ใช้เครื่องมือออนไลน์เพราะมันทำงานได้ดี ฉันใช้ Kraken.io สำหรับเว็บไซต์ของฉันเอง แต่ก็มีข้อดีอื่นๆ เช่น TinyPNG และ Optimizilla
เปลี่ยนความละเอียดของภาพ
วิธีหลักในการย่อขนาดรูปภาพคือการลดความละเอียดของรูปภาพ หากคุณมีไฟล์ขนาด 4000×2500 การลดขนาดลงเหลือ 2000×1250 จะทำให้ไฟล์มีขนาดเล็กลงครึ่งหนึ่ง เห็นได้ชัดว่าคุณจะสูญเสียรูปภาพต้นฉบับจำนวนมากในข้อมูล แต่อาจไม่สำคัญ ทั้งนี้ขึ้นอยู่กับวัตถุประสงค์ของคุณ
โปรแกรมแก้ไขภาพทุกโปรแกรมจะมีวิธีให้คุณเปลี่ยนหรือปรับขนาดภาพได้ ที่นี่คุณสามารถเปลี่ยนความกว้าง/ความสูงหรือความละเอียด ซึ่งปกติคือจุดต่อนิ้ว (DPI) หรือพิกเซลต่อนิ้ว (PPI) อ่านบทความดีๆ เกี่ยวกับความแตกต่างระหว่าง DPI และ PPI สำหรับทุกอย่างบนเว็บ คุณต้องกังวลเกี่ยวกับพิกเซลเท่านั้น ไม่ใช่จุด จุดจะมีผลกับภาพที่พิมพ์เท่านั้น
ตัวอย่างเช่น เว็บไซต์ของฉันสามารถมีรูปภาพได้กว้างไม่เกิน 680 พิกเซลเท่านั้น ดังนั้นฉันจึงปรับขนาดรูปภาพเป็น 680 พิกเซลหรือต่ำกว่าเสมอก่อนที่จะอัปโหลด เพราะไม่เช่นนั้น WordPress จะปรับขนาดเป็น 680px สำหรับฉัน แต่ขนาดไฟล์จะใหญ่กว่าที่ควรจะเป็น
หากคุณต้องการทำความเข้าใจเพิ่มเติมเกี่ยวกับตัวเลข 72 พิกเซล/นิ้วและตัวเลือกการสุ่มตัวอย่าง ให้ตรวจสอบโพสต์ที่ยอดเยี่ยมนี้ซึ่งมีรายละเอียดมาก
เปลี่ยนความลึก/โหมดสี
ในตัวอย่างด้านบน หากคุณมีรูปภาพที่มีสีเพียงไม่กี่สี คุณไม่จำเป็นต้องใช้รูปแบบรูปภาพที่รองรับสีนับล้าน ในตัวอย่างหน้าเว็บของฉัน GIF ต้องรองรับสีที่จัดทำดัชนีและ 8 บิต/ช่องเท่านั้น
คุณสามารถเลือกสี RGB และ 16 บิต/ช่องสัญญาณได้ แต่รูปภาพจะมีลักษณะเหมือนกันทุกประการ แต่มีขนาดไฟล์ที่ใหญ่กว่า คุณสามารถอ่านเพิ่มเติมเกี่ยวกับโหมดสีเหล่านี้ได้จากเว็บไซต์ของ Adobe นอกจาก Photoshop แล้ว โปรแกรมแก้ไขรูปภาพส่วนใหญ่ยังให้คุณเปลี่ยนความลึก/โหมดของสีสำหรับรูปภาพได้อีกด้วย
ครอบตัดรูปภาพ
อีกวิธีง่ายๆ ในการลดขนาดของรูปภาพคือการครอบตัด! สิ่งใดที่ถูกครอบตัดจะถูกลบออกจากภาพ ไม่ว่าคุณจะมีภาพใด ปกติแล้วคุณสามารถครอบตัดรูปภาพได้เล็กน้อย ซึ่งจะช่วยลดขนาดได้อย่างแน่นอน
และโปรดทราบว่าการครอบตัดไม่จำเป็นต้องเป็นแบบทั่วไปที่คุณตัดสิ่งของจากด้านบน/ล่างหรือซ้าย/ขวา SnagIt Editor หนึ่งในรายการโปรดของฉัน มีเครื่องมือตัดที่ให้คุณตัดบางส่วนของรูปภาพออกจากตรงกลางของรูปภาพในแนวนอนหรือแนวตั้ง สิ่งนี้มีประโยชน์บ่อยกว่าที่คุณคิด ต่อไปนี้คือตัวอย่างที่ฉันต้องใส่ภาพหน้าจอของเมนูเริ่มขณะพิมพ์คำสั่ง
ขนาดไฟล์ด้านบนเดิมมีขนาด 22 KB แทนที่จะใช้สิ่งนั้น ฉันตัดส่วนตรงกลางออก ซึ่งไม่ต้องการดังที่แสดงด้านล่าง
ขนาดไฟล์ใหม่เพียง 9 KB! ทั้งหมดนี้โดยไม่ต้องทำการบีบอัดหรือเปลี่ยนรูปแบบไฟล์ เมื่อฉันบีบอัดแล้ว ฉันก็ลดลงเหลือเพียง 4.4 KB ดังนั้นการครอบตัดเป็นวิธีสำคัญในการลดขนาดของรูปภาพ
หวังว่าคุณจะลดขนาดภาพและเรียนรู้เล็กน้อยว่าภาพดิจิทัลทำงานอย่างไร หากคุณมีคำถามใด ๆ โปรดแสดงความคิดเห็น สนุก!
