ปัญหาอย่างหนึ่งของบล็อกเกอร์ ซึ่งค่อนข้างเป็นปัญหาพื้นฐานคือการลงภาพประกอบเรื่อง ซึ่งคนโทฯ เคยเขียนแนะนำ "การโพสต์ภาพลงบล็อก สำหรับมือใหม่" ไปแล้ว (แนะนำให้ไปดูที่เอนทรีรวม http://www.oknation.net/blog/konto/2008/03/07/entry-1)

แต่เรื่องภาพยังมีอีกปัญหาหนึ่งคือเรื่องของขนาดภาพ

ต้องทำความเข้าใจก่อนว่า เมื่อพูดถึง "ขนาดของภาพ" นั้นมี 2 ความหมาย ต้องระบุชัดๆ ว่าหมายถึงแบบไหน แต่ทั้งสองความหมายนั้นมีผลต่อ "ขนาดของไฟล์"

1. ขนาดของภาพ ที่เรียกว่ามิติ (Image Dimension) ก็คือขนาด กว้าง x สูง ส่วนหน่วยจะวัดเป็นนิ้ว เซนติเมตร มิลลิเมตร หรือพิกเซล (pixel) ก็อีกเรื่องหนึ่ง

2. ขนาดของภาพ ที่เรียกว่าความละเอียด (Image Resoltion) มีหน่วยวัดหลายอย่าง เช่นจอทีวีแบบเส้นสมัยก่อนจะเป็น line, เครื่องพิมพ์เป็น dot, จอคอมพิวเตอร์หรือกล้องดิจิตอลจะเป็น pixel เป็นต้น แต่ถ้าพูดความละเอียดภาพที่ใช้ในอินเตอร์เน็ตหรือบล็อกเราก็เรียกขนาดเป็น กว้าง(pixels) x สูง(pixels)

จริงๆ มีบล็อกเกอร์เขียนแนะนำเรื่องการลดขนาดภาพไว้เยอะเหมือนกัน เพราะมีโปรแกรมแก้ไข ตกแต่งภาพให้เลือกใช้มากมายตามแต่ความถนัดหรือสามารถหาโปรแกรมได้

แต่คนโทฯ ขอเขียนถึงปัญหาที่พบและวิธีแก้ไขที่ง่ายที่สุด ลงทุนน้อยที่สุดตามประสบการณ์ก็แล้วกัน เนื่องจากเคยใช้โปรแกรมภาพมามากพอสมควร ทั้งใหญ่ๆ อย่าง Corel paint, Photoshop หรือเล็กๆ อย่าง paint, ACDSee และอีกสารพัดโปรแกรมที่ได้มาจากการซื้อมือถือ, ซื้อกล้องดิจิตอล, ซื้อกล้องวิดีโอ ก็ทดลองใช้มาพอสมควร รวมทั้งที่มีผู้แนะนำให้โหลดโปรแกรมต่างๆ มาลองใช้ก็มีอีกหลายโปรแกรม

บทสรุปของคนโทฯ ในวันนี้คือ เลือกใช้ PhotoScape เป็นหลัก แทน ACDSee ที่ใช้เป็นตัวหลักมาหลายปี (นอกเหนือจากงานที่ต้องใช้ Photoshop, Image Ready)

สาเหตุหลักๆ ที่เปลี่ยนจาก ACDSee มาใช้ PhotoScape คือ
- เรื่องขนาด การลดขนาด ลดความละเอียดให้อยู่ในขนาดที่ต้องการ แม่นยำเที่ยงตรงกว่า
- การเพิ่มตัวหนังสือในภาพทำได้หลากหลายและง่ายกว่า
- มีเทคนิกการตกแต่งเฟรม
- มีเทคนิกการคอมไบน์ หรือรวมภาพ
- มีเทคนิกการทำไฟล์ Anigif ง่าย
- มีเทคนิกการ split ภาพ
- มีเทคนิกการ capture ภาพง่ายและเร็ว
- นอกนั้นการแปลง Image Raw File, Rename, Batch เหนือกว่า ACDSee ทุกอย่าง
- ที่สำคัญ เป็น Freeware คือโหลดฟรี ใช้ฟรี

เกริ่นมาตั้งเยอะ เพื่อโน้มน้าวให้ท่านใช้ PhotoScape จัดการเรื่องภาพในบล็อกของท่าน

ถ้าพร้อมจะใช้แล้ว ไปลุยกันเลย โดยจะแบ่งเขียนเป็นตอนๆ ตามฟังก์ชั่นการทำงานของโปรแกรม และที่บล็อกเกอร์จะใช้ประโยชน์ได้ในบล็อก

Download & Installation
ถ้ายังไม่มีโปรแกรมนี้ ให้ไปดาวน์โหลดมาก่อนที่ http://www.photoscape.org/ps/main/download.php
หลังจากนั้นให้ทำการติดตั้ง (Install) โปรแกรมลงในเครืองของท่าน

ข้อควรรู้เรื่องภาพ ก่อนนำมาใช้กับบล็อก

ก่อนอื่นต้องรู้ก่อนว่าภาพที่เราได้มา ไม่ว่าจากกล้องดิจิตอล, เซฟมาจากอินเตอร์เน็ต หรือสแกนมา เราจะเอามาทำอะไรและเราจะเก็บภาพไว้ที่ไหน

ก. ถ้าเอามาประกอบเรื่อง เราต้องรู้ก่อนว่าพื้นที่เขียนเรื่องของเรา สามารถใส่ภาพที่มีขนาดความกว้างได้เท่าไร เพราะถ้าภาพกว้างเกินขนาดที่กำหนด ภาพจะขาดหายไป

วิธีดู ก็ต้องไปที่หน้า template ของเราก่อน โดยคลิกแก้ไข CSS แล้วหาจนเจอส่วนที่เป็น "รายละเอียดการเขียนบล็อก" ตามตัวอย่างของบ้านคนโทใส่น้ำจะเห็นว่ามีพื้นที่ 650 px ดังนั้นภาพประกอบเรื่องไม่ควรมีความกว้างเกิน 650 px
(แต่ละ template มีความกว้างไม่เหมือนกัน ท่านต้องไปตรวจดูเองว่า template ที่ท่านใช้อยู่ กำหนดไว้เท่าไร)

ข. ถ้าเราจะโหลดภาพจากเครื่องเราเข้าไปที่บล็อกโอเคเนชั่นโดยตรง เราจะเห็นเครื่องหมายรูปแผ่นดิสเก็ต เอาเม้าส์ไปจ่อจะขึ้นข้อความว่า "แทรกรูปจากเครื่อง" ระบบกำหนดขนาดไฟล์ไว้ว่าต้องมีขนาดไม่เกิน 100 kb. นี่คือข้อกำหนดที่สองที่เราต้องไปจัดการกับภาพของเราไม่ให้มีขนาดไฟล์เกิน 100 kb

ค. ถ้าเราจะโหลดภาพไปไว้ในเว็บที่ฝากไฟล์ภาพต่างๆ ความกว้างของภาพไม่ควรเกินที่ template กำหนด ส่วนขนาดไฟล์จะกี่ kb, หรือเกิน 100 kb ก็ทำได้ แต่ถ้าขนาดไฟล์ใหญ่ การโหลดหน้าบล็อกของเราก็ย่อมช้าเป็นธรรมดา

ง. ถ้าเราจะทำรูปเพื่อประกอบคอมเม้นท์ ซึ่งระบบกำหนดขนาดไฟล์ไม่เกิน 25 kb เราก็ต้องทำการลดขนาดภาพหรือขนาดไฟล์ซึ่งแน่นอนว่าคุณภาพคงต้องลดไปด้วย

การครอป (Crop) และลดขนาดภาพ (Resize)

1. เปิดโปรแกรม จะเจอหน้าตาแบบนี้ ซึ่งแสดงฟังก์ชั่นการทำงานต่างๆ ให้เลือกคลิกที่ไอคอน Editor ซึ่งในเว็บของ PhotoScape ให้นิยามฟังก์ชั่นการทำงานไว้ว่า
Editor: resizing, brightness and color adjustment, white balance, backlight correction, frames, balloons, mosaic mode, adding text, drawing pictures, cropping, filters, red eye removal, blooming

2. ที่บราวเซอร์ด้านซ้ายมือ ให้เลือกตำแหน่งที่มีไฟล์ที่เราต้องการเปิด เจอภาพที่ต้องการก็คลิกซะ ภาพก็จะปรากฎในพื้นที่ทำงานตรงกลาง ใช้ zoom+ zoom- เพื่อดูภาพชัดๆ ได้
ตอนนี้เราอยู่ที่ tab : Home ให้สังเกตมิติของภาพที่แสดงเป็น pixel, ขนาดของไฟล์ภาพแสดงเป็น kb

3. ก่อนอื่นเราต้องตรวจดูว่าภาพนั้นเราจะ crop ส่วนไหนออกไปบ้าง ให้คลิกที่ tab : Crop ซึ่ง default ของวิธีการ crop จะอยู่ที่ Crop Freely เราสามารถเอาเม้าส์ไปลากเป็นพื้นที่ที่ต้องการและตัดพื้นที่ที่ไม่ต้องการออกได้เลย วิธีนี้จะเป็นการ crop แบบสี่เหลี่ยม เสร็จแล้วกดปุ่ม Crop ได้เลย

การ Crop ก็เป็นการลดขนาดของภาพและกำจัดพื้นที่ที่ไม่ต้องการออกไปด้วยในตัว

PhotoScape ยังสามารถ Crop ภาพแบบวงรี/วงกลมได้อีกด้วย โดยทำมาร์กที่เครื่องหมายสี่เหลี่ยมหน้าคำว่า Crop roundly แล้วเลือกสีพื้นโดยคลิก drop down สีพื้นนี้จะเป็นสีพื้นที่ปรากฎอยู่นอกรอบของภาพ

4. หลังจาก crop แล้ว ให้คลิกที่ tab : Home อีกครั้งเพื่อทำการ Resize ซึ่งทำได้ 2 แบบ
แบบแรก-คลิกตรงเครื่องหมาย drop down ส่วนบนจะเห็นขนาดความกว้างที่กำหนดไว้ตายตัว ส่วนล่างจะเห็นอ๊อฟชั่นให้เรากำหนด

แบบที่สอง-คลิกที่คำว่า Resize ตรงๆ จะขึ้นหน้าต่างมาให้เราใส่ขนาดใหม่ที่ต้องการ

5. หลังจาก Resize แล้ว ถ้าไม่พอใจให้กด undo, undo all ถ้าพอใจก็กด save จะขึ้นหน้าต่างมาให้เลือกวิธีการ save
แนะนำให้เลือก save as ซึ่งจะได้ไฟล์ใหม่ และโปรแกรมก็จะเก็บภาพเก่าให้เราใน Original Folder ด้วย
เมื่อคลิก save as แล้วจะขึ้นหน้าจอให้เรากำหนดที่เก็บไฟล์, กำหนดชื่อไฟล์, กำหนดฟอร์แมทของไฟล์ หลังจากนั้นกดปุ่ม save

6. หน้าจอหลังกดปุ่ม save จะแสดงให้เห็น Image Quality ของภาพ ขนาดของไฟล์ ซึ่งตรงนี้เป็นข้อดีของ PhotoScape เราเลื่อนตำแหน่งเพื่อกำหนดขนาดไฟล์ได้เลย และขอบอกว่าแม่นยำกว่า ACDSee ด้วย เพราะ ACDSee นั้นเมื่อเรา estimate file size แล้ว พอ save ออกมาไฟล์มักจะใหญ่เกินกว่าที่เราต้องการ
เมื่อกำหนดขนาดไฟล์แล้วก็กดปุ่ม OK เป็นอันว่าเราได้ไฟล์ที่ต้องการเรียบร้อยแล้ว

เนื้อหาคำอธิบายอาจจะยาวไปบ้าง เพราะอยากอธิบายอย่างละเอียด แต่รับรองว่าอ่านรอบเดียว ทำได้แน่นอน