แนะนำ, 2019

ตัวเลือกของบรรณาธิการ

วิธีการลดขนาดของไฟล์ภาพ

ก่อนหน้านี้ฉันเขียนบทความเกี่ยวกับวิธีลดขนาดของไฟล์รูปภาพโดยใช้ตัวเลือกอีเมลภายในใน Explorer หรือโดยใช้โปรแกรมเดสก์ท็อปที่เรียกว่า Image Resizer สำหรับ Windows ตัวเลือกเหล่านี้เป็นตัวเลือกที่ดี แต่มีวิธีอื่นอีกหลายวิธีในการปรับภาพให้เหมาะสม นอกจากนี้เว็บไซต์จำนวนมากจะบอกให้คุณใช้ Paint แต่ฉันพบว่ามันไม่ใช่วิธีที่ดีเพราะภาพดูแย่ลง

ประการแรกสิ่งสำคัญคือต้องเข้าใจว่าวิธีการบางอย่างที่ใช้ลดขนาดของรูปภาพจะส่งผลให้รูปภาพมีคุณภาพต่ำลงซึ่งอาจใช้ได้กับเว็บไซต์ แต่ไม่ใช่สำหรับการพิมพ์ สิ่งนี้มักเกิดขึ้นเมื่อคุณเปลี่ยนความละเอียดของรูปภาพพูดจาก 2560 × 1440 เป็น 1920 × 1080

อีกวิธีในการลดขนาดของรูปภาพคือการบีบอัดรูปภาพ การบีบอัดมีสองประเภท: lossless และ lossy การบีบอัดแบบไม่สูญเสียข้อมูลจะลดขนาดของภาพโดยไม่สูญเสียพิกเซลเดียวของไฟล์ต้นฉบับ การสูญเสียหมายความว่าข้อมูลบางอย่างจะสูญหาย

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

ในบทความนี้ฉันให้ตัวอย่างกับภาพหน้าจอของการบีบอัดภาพโดยใช้หลายรูปแบบเพื่อให้คุณสามารถเห็นความแตกต่างของขนาดและคุณภาพ

วิธีลดขนาดภาพ

มาเริ่มกันด้วยการพูดถึงวิธีที่คุณสามารถลดขนาดของภาพโดยไม่สูญเสียคุณภาพ นี่จะให้ไฟล์ที่เล็กที่สุดแก่คุณพร้อมกับรักษาคุณภาพดั้งเดิมของภาพ เห็นได้ชัดว่าการใช้การบีบอัดแบบสูญเสียจะทำให้ไฟล์มีขนาดเล็กลงมากอย่างที่คุณเห็นในตัวอย่างด้านล่าง แต่คุณจะสูญเสียคุณภาพบางอย่าง

รูปแบบและการบีบอัด

ก่อนอื่นเรามาเริ่มด้วยกราฟิกสีแบบแบน ตัวอย่างเช่นฉันเพิ่งถ่ายภาพหน้าจอของเว็บไซต์ 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 นั้นน่าประทับใจที่สุด

GIF ที่สูญเสีย: 22 KB

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

เปลี่ยนความละเอียดของภาพ

วิธีหลักในการย่อขนาดรูปภาพคือลดความละเอียดของภาพลง หากคุณมีไฟล์ที่มีขนาด 4, 000 × 2500 ดังนั้นการลดขนาดเป็น 2000 × 1250 จะทำให้ไฟล์มีขนาดครึ่งหนึ่ง เห็นได้ชัดว่าคุณจะสูญเสียภาพต้นฉบับจำนวนมากในข้อมูล แต่ขึ้นอยู่กับวัตถุประสงค์ของคุณมันอาจไม่สำคัญ

โปรแกรมแก้ไขภาพทุกโปรแกรมจะมีวิธีให้คุณเปลี่ยนหรือปรับขนาดภาพ ที่นี่คุณสามารถเปลี่ยนความกว้าง / ความสูงหรือความละเอียดซึ่งปกติคือจุดต่อนิ้ว (DPI) หรือพิกเซลต่อนิ้ว (PPI) อ่านบทความที่ยอดเยี่ยมนี้เกี่ยวกับความแตกต่างระหว่าง DPI และ PPI สำหรับทุกสิ่งบนเว็บคุณเพียงแค่ต้องกังวลเรื่องพิกเซลไม่ใช่จุด จุดจะมีผลเฉพาะภาพที่พิมพ์เท่านั้น

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

หากคุณต้องการเข้าใจเพิ่มเติมเกี่ยวกับตัวเลข 72 พิกเซล / นิ้วและตัวเลือก resample ให้ตรวจสอบโพสต์ที่ยอดเยี่ยมนี้ซึ่งมีรายละเอียดที่ดีเยี่ยม

เปลี่ยนความลึก / โหมดสี

ในตัวอย่างด้านบนหากคุณมีภาพที่มีสีเพียงไม่กี่สีคุณไม่จำเป็นต้องใช้รูปแบบภาพที่รองรับสีหลายล้านสี ในตัวอย่างหน้าเว็บของฉัน GIF ต้องการสนับสนุนสีที่จัดทำดัชนีและ 8 บิต / ช่องเท่านั้น

คุณสามารถเลือกสี RGB และ 16 บิต / ช่อง แต่ภาพจะมีลักษณะเหมือนกันทุกประการ แต่มีขนาดไฟล์ที่ใหญ่กว่า คุณสามารถอ่านเพิ่มเติมเกี่ยวกับโหมดสีเหล่านี้ได้จากเว็บไซต์ของ Adobe นอกเหนือจาก Photoshop แล้วโปรแกรมแก้ไขรูปภาพส่วนใหญ่ยังให้คุณเปลี่ยนความลึก / โหมดสีของรูปภาพ

ครอบตัดรูปภาพ

อีกวิธีที่ง่ายในการลดขนาดของรูปภาพคือการครอบตัดมัน! ทุกสิ่งที่ถูกครอบตัดจะถูกลบออกจากภาพ ไม่ว่าภาพของคุณจะเป็นแบบใดคุณสามารถครอบตัดอย่างน้อยนิดซึ่งจะช่วยลดขนาดได้อย่างแน่นอน

และโปรดทราบว่าการครอบตัดไม่เพียง แต่ต้องเป็นแบบทั่วไปที่คุณตัดสิ่งต่าง ๆ จากด้านบน / ล่างหรือซ้าย / ขวา SnagIt Editor ซึ่งเป็นหนึ่งในรายการโปรดของฉันมีเครื่องมือตัดออกที่ช่วยให้คุณสามารถตัดภาพบางส่วนจากกลางภาพในแนวนอนหรือแนวตั้ง สิ่งนี้มีประโยชน์มากกว่าที่คุณคิด นี่คือตัวอย่างที่ฉันต้องรวมภาพหน้าจอของเมนูเริ่มในขณะที่พิมพ์คำสั่ง

ขนาดไฟล์ด้านบนเดิมขนาด 22 KB แทนที่จะใช้สิ่งนั้นฉันตัดส่วนตรงกลางออกซึ่งฉันไม่ต้องการดังที่แสดงไว้ด้านล่าง

ขนาดไฟล์ใหม่เพียง 9 KB! ทั้งหมดที่ไม่ได้ทำการบีบอัดหรือเปลี่ยนรูปแบบไฟล์ เมื่อฉันบีบอัดฉันได้ลงไปเพียง 4.4 KB ดังนั้นการครอบตัดเป็นวิธีสำคัญในการลดขนาดของรูปภาพ

หวังว่าคุณจะลดขนาดรูปภาพของคุณและเรียนรู้นิดหน่อยเกี่ยวกับการทำงานของภาพดิจิทัล! หากคุณมีคำถามใด ๆ รู้สึกอิสระที่จะแสดงความคิดเห็น สนุก!

Top