มาปรับลดขนาดไฟล์ภาพกันเถอะ
entry นี้ เขียนขึ้นแบบเฉพาะหน้าครับ (..เรียกอีกอย่างว่า “ชุ่ย” ก็ได้ 
)
สืบเนื่องจากมีคนถามถึงปัญหาขนาดไฟล์ภาพที่จะนำไปใช้..มีขนาดไฟล์ใหญ่เกินไป!
ซึ่งปัญหาลักษณะนี้ มักจะเกี่ยวกับการอัพโหลดขึ้นระบบนั่น โน่น นี่ ..เสียเป็นส่วนใหญ่
เกริ่นนำอย่างย่อนะครับ..
พูดถึงไฟล์รูปภาพทั่วไป โดยมากจะมีสามตัวแปรสำคัญที่ให้นึกถึงครับ คือ..
ขนาดของภาพ (กว้างxยาว) – เช่น 800×600 pixel, 1024×768 pixel, 4000×3000 pixel เป็นต้น
ยิ่งความกว้างxยาวของภาพเยอะ ภาพก็จะมีรายละเอียดของจุดสีมากขึ้น ..ทำให้ภาพละเอียดขึ้น ใหญ่ขึ้น
คุณภาพของไฟล์ภาพ – ยิ่งคุณภาพของไฟล์ภาพสูง ภาพก็จะยิ่งมีรายละเอียดที่ดีมากขึ้น
(ตรงนี้อาจจะงงครับ..เดี๋ยวจะยกตัวอย่างให้เข้าใจ)
ขนาดของไฟล์ภาพ – เช่น 123.45KB, 2.04MB เป็นต้น ..ซึ่งก็คือเนื้อที่ที่ใช้จัดเก็บในสื่อเก็บข้อมูลนั่นเอง
สามอย่างข้างบนอ่านแล้วอาจจะงงครับ ผมขอยกตัวอย่างแบบนี้
สมมุติคุณจะจ้างช่างฝีมือมาสร้างกำแพงที่มีลายปั้นประติมากรรมนูนต่ำให้
ขนาดกว้างxยาวของภาพ..เปรียบเทียบกับขนาดความกว้างxยาวของกำแพง (ใหญ่มาก..ก็อลังการมาก ถือว่าดีมาก)
คุณภาพของไฟล์ภาพ..เปรียบเทียบกับความละเอียดสวยงามของลายประติมากรรมบนกำแพง (ละเอียดมาก มีคุณภาพมาก ก็ถือว่าดีมาก)
ขนาดของไฟล์ภาพ..เปรียบเทียบกับเงินที่ใช้จ้าง 
(ยิ่งใช้ต้นทุนน้อย ก็ยิ่งถือว่าดี เหมือนกับไฟล์รูป..ที่ขนาดเล็กก็ยิ่งดี)
สามอย่างนี้มักจะมีหนึ่งอย่างวิ่งสวนทางกับที่ต้องการเสมอครับ
ถ้าคุณต้องการกำแพงขนาดใหญ่ และมีลายประติมากรรมที่ละเอียดสวยงาม – คุณคงต้องใช้ต้นทุนเยอะ
ถ้าคุณต้องการกำแพงขนาดใหญ่ แต่ต้องการใช้งบน้อยๆ – ก็อาจต้องลดความสวยงามของลวดลายประติมากรรม
ถ้าคุณต้องการกำแพงที่มีลวดลายประติมากรรมสวยงาม แต่ต้องการใช้งบน้อยๆ – ก็อาจต้องลดขนาดกำแพง
..คุณทำให้สามอย่างเป็นอย่างใจต้องการอย่างเต็มที่ไม่ได้ – หรืออีกนัยหนึ่งก็คือ สองอย่างที่คุณเลือก จะบังคับเลือกอย่างที่สามโดยปริยาย
กระจ่างไหมครับ?
ออกทะเลเยอะแล้ว..เข้าเรื่องล่ะ
กับไฟล์ภาพ..เราก็สามารถทำได้คล้ายๆ กับที่ยกตัวอย่างครับ
เช่น..ถ้าสมมุติว่าโจทย์บอกว่าให้จำกัดขนาดไฟล์ไม่เกินเท่านั้น เท่านี้
คุณก็อาจเลือกที่จะลดขนาดกว้างxยาวลง หรือลดคุณภาพของไฟล์ภาพลง
..หรือปรับทั้งสองอย่างลงอย่างละหน่อยจนยอมรับได้ทั้งคู่
เช่น
ภาพข้างบนเป็นภาพต้นฉบับ มีขนาด 666×444 pixel, คุณภาพไฟล์ระดับ 100% และขนาดไฟล์ 147KB
..ถ้าเราจะลดขนาดไฟล์ ก็จะเป็นไปได้อย่างน้อยสองทาง แบบนี้
A..ปรับลดขนาดกว้างxยาว เหลือ 300×200 pixel, คุณภาพไฟล์ระดับ 100% – เหลือขนาดไฟล์ 38.1KB
B..ปรับลดคุณภาพไฟล์ระดับ 70%, 666×444 pixel เท่าต้นฉบับ – เหลือขนาดไฟล์ 21.4KB
ภาพต้นฉบับกับภาพ A มีขนาดแตกต่างกันชัดเจน (ภาพ A เล็กกว่า)
ในขณะที่ภาพต้นฉบับกับภาพ B มีขนาดเท่ากัน แต่ความคมชัด (ถ้าสังเกตุอย่างตั้งใจ..โดยเฉพาะบริเวณขอบๆ กลางภาพ) ต่างกันมาก
ว่าแล้วก็มาพูดถึงวิธีลดขนาดไฟล์ทั้งสองแบบข้างต้นเลยครับ
ในที่นี้ผมใช้โปรแกรม Photoscape (ผมอ้างอิงจาก v3.4) ครับ เป็นฟรีแวร์ตกแต่งภาพที่ได้รับความนิยมพอสมควร
และในที่นี้จะเลือกทำตัวอย่างให้ดูกับไฟล์ภาพตระกูล .JPG เท่านั้นนะครับ (พูดนามสกุลอื่นด้วยจะยาวววววว……)
"เรื่องแรก – ลดขนาดกว้างxยาวของภาพ"
เริ่มแรก..เปิดโปรแกรม เลือกเมนู Editor ด้านบน (กรอบสีเหลือง)
ลากไฟล์ภาพที่ต้องการแก้ไขไปวางบริเวณกรอบสีเหลือง..หรือเลือกเอาจากกรอบสีแดง
จะเห็นข้อมูลบริเวณกรอบสีแดงในภาพครับ.. กรอบสีเหลืองคือขนาดกว้างxยาว (666×444 pixel)
สีน้ำเงินคือ 147.9 KB
ส่วนสีเขียวไม่ใช่คุณภาพของไฟล์นะครับ เป็นขนาดของไฟล์ที่แสดงในโปรแกรม
(คุณภาพของไฟล์จะเป็นค่าที่ถูกแปลงจากซอฟต์แวร์ต้นทาง..ซึ่งแปลงแล้วแปลงเลย
ตัวไฟล์ไม่สามารถบอกเป็นตัวเลขเป๊ะๆ ได้ครับว่าถูกลดมาเหลือเท่าไหร่)
คลิกที่ปุ่ม Resize (สีแดง) เพื่อเปลี่ยนขนาดกว้างxยาวของไฟล์ครับ ..จะปรากฎหน้าต่าง(สีเขียว)ขึ้นมา
ปรับขนาด Width (กว้าง) หรือ Height (สูง) ตามสะดวกครับ
หรือไม่ก็ปรับ Ratio ด้านล่างก็ได้ ..ว่าต้องการขนาดกี่ % ของภาพต้นฉบับ
พอปรับเสร็จ..ขนาดก็จะถูกเปลี่ยนไปตามที่ตั้ง ในที่นี้ผมลดขนาดเหลือ 300×200 pixel
จะเห็นว่าขนาดไฟล์ (สีเหลือง) ไม่เห็นลดลงเลย ..ใจเย็นครับ
คลิกที่ปุ่ม Save
ก็จะปรากฎหน้าต่าง Save ขึ้นมาให้เลือกหลากหลายแบบ
- ปุ่มบน ..Save ในตำแหน่งเดียวกับตำแหน่งของไฟล์ต้นฉบับ
- ปุ่มกลาง ..Save ใน path ที่กำหนด
- ปุ่มล่าง ..ก็ Save ใน path ที่กำหนด (อะไรวะ?)
- ตัวเลือก Option แรก ..ถ้า Save ทับไฟล์เดิม จะเอาไฟล์ต้นฉบับไปเก็บในโฟลเดอร์ Originals ที่เดียวกัน
- ตัวเลือกสองและสาม ..ไม่ค่อยเกี่ยวกับเรื่องที่กำลังพูด
- ตัวเลือกที่สี่ ..ถ้าใช้งานกับคอมพิวเตอร์ก็ควร(เลือก..และ)ตั้งค่าแค่ 72
เมื่อเลือกที่จะ Save ก็เลือก Quality สูงสุด (100%)
ตรงนี้..จะเห็นว่า Size (ขนาดของไฟล์) เป็น 38.3KB แล้ว 
"เรื่องที่สอง – ลดคุณภาพของไฟล์ภาพ"
เริ่มแรก..เปิดโปรแกรม เลือกเมนู Editor ด้านบน (กรอบสีเหลือง)
ลากไฟล์ภาพที่ต้องการแก้ไขไปวางบริเวณกรอบสีเหลือง..หรือเลือกเอาจากกรอบสีแดง
จะเห็นข้อมูลบริเวณกรอบสีแดงในภาพครับ.. กรอบสีเหลืองคือขนาดกว้างxยาว (666×444 pixel)
สีน้ำเงินคือ 147.9 KB
ส่วนสีเขียวไม่ใช่คุณภาพของไฟล์นะครับ เป็นขนาดของไฟล์ที่แสดงในโปรแกรม
(คุณภาพของไฟล์จะเป็นค่าที่ถูกแปลงจากซอฟต์แวร์ต้นทาง..ซึ่งแปลงแล้วแปลงเลย
ตัวไฟล์ไม่สามารถบอกเป็นตัวเลขเป๊ะๆ ได้ครับว่าถูกลดมาเหลือเท่าไหร่)
(..เหมือนขั้นตอนจากเรื่องแรกมั้ย.. 
)
ไม่ต้องปรับอะไรครับ..เลือก Save ได้เลย
ก็จะปรากฎหน้าต่าง Save ขึ้นมาให้เลือกหลากหลายแบบ
- ปุ่มบน ..Save ในตำแหน่งเดียวกับตำแหน่งของไฟล์ต้นฉบับ
- ปุ่มกลาง ..Save ใน path ที่กำหนด
- ปุ่มล่าง ..ก็ Save ใน path ที่กำหนด (อะไรวะ?)
- ตัวเลือก Option แรก ..ถ้า Save ทับไฟล์เดิม จะเอาไฟล์ต้นฉบับไปเก็บในโฟลเดอร์ Originals ที่เดียวกัน
- ตัวเลือกสองและสาม ..ไม่ค่อยเกี่ยวกับเรื่องที่กำลังพูด
- ตัวเลือกที่สี่ ..ถ้าใช้งานกับคอมพิวเตอร์ก็ควร(เลือก..และ)ตั้งค่าแค่ 72
(แน๊! ..ก๊อปมาจากขั้นตอนที่แล้วนี่หว่า)
ตรงนี้คือสิ่งที่ต้องปรับครับ ..Quality (คุณภาพ) ของไฟล์
ปรับให้ขนาดได้ตามต้องการ
หวังว่าจะไม่งงนะครับ..สรุปคือทั้งสองวิธี ต่างกันตรงที่วิธีหนึ่งปรับลดขนาดกว้างxยาว (Resize)
ส่วนอีกวิธีหนึ่งปรับลดคุณภาพ (Quality)
ซึ่งในการใช้งานจริง คุณอาจเลือกใช้สองวิธีร่วมกันก็ได้..เช่น ปรับลดขนาดกว้างxยาวลงนิดหน่อย
และปรับลด Quality ลงด้วยในขั้นตอนท้าย
