คู่มือการกำหนดคุณสมบัติไฟล์ภาพ ก่อนนำไปใช้ ในการประชาสัมพันธ์บนเว็บไซต์ด้วยโปรแกรม XnView Classic

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

1 สารบญั การกาหนดคุณสมบัตไิ ฟลภ์ าพ ............................................................................... Error! Bookmark not defined. กอ่ นนาข้นึ เว็บด้วยโปรแกรม XnView................................................................... Error! Bookmark not defined. - คณุ สมบัติของ Program XnView......................................................................................................................2 - การเปดิ ใชง้ าน Program XnView .....................................................................................................................2 - การตั้งค่าไฟล์รปู ภาพดว้ ยคาส่งั Batch Processing...........................................................................................3 - การตงั้ คา่ ความละเอียดรูปภาพด้วยคาสัง่ Set DPI .............................................................................................9 - การตั้งค่าขนาดของไฟลภ์ าพดว้ ยคาส่งั Resize................................................................................................ 10 - การตัง้ ค่าชื่อไฟลภ์ าพดว้ ยคาส่งั Batch Rename............................................................................................ 11

2 การกาหนดคณุ สมบตั ิไฟลภ์ าพ กอ่ นนาไปใช้ ในการประชาสมั พนั ธบ์ นเว็บไซต์ดว้ ยโปรแกรม XnView Classic ในการประชาสัมพันธ์หรือเผยแพร่ข้อมูลเว็บไซต์ เพื่อให้ผู้อ่านบทความเกิดความสนใจที่จะอ่านบทความ ผเู้ ขียนบทความควรเขียนบทความโดยมภี าพประกอบ แตข่ ้อควรระวังคือรูปภาพท่ีนามาประกอบในบทความสามารถ สื่อความหมายท่ีต้องการ และมองเห็นจุดเด่นของงานอย่างชัดเจน โดยที่ภาพรวมของงานไปในทิศทางท่ีส่งเสริมกัน และกัน ภาพท่ีได้จากกล้องถ่ายภาพดิจิตอล มักมีขนาดที่ใหญ่ อีกท้ังกล้องแต่ละรุ่นหรือการต้ังค่าแต่ละคร้ังของผู้ ถ่ายภาพอาจมีการกาหนดค่าความละเอียดของไฟล์ที่ถา่ ยไวแ้ ตกตา่ งกัน แต่สาหรับการนาไฟลภ์ าพประกอบบนเว็บนั้น ขนาดของภาพควรมีค่าความละเอียดไม่เกิน 72-96 dpi (Dots Per Inch) หากไฟล์ท่ีนาไปใช้ไม่ได้มีการกาหนด คุณสมบัติของภาพใหม้ ีขนาดดังกล่าวจะทาให้การเข้าถึงหน้าเว็บโหลดได้ช้า โปแกรม XnView Classic เป็นโปรแกรม หนง่ึ ทีจ่ ะชว่ ยใหก้ ารปรับคณุ สมบัตขิ องภาพจานวนมาก ๆ ได้อย่างรวดเรว็ คุณสมบตั ขิ อง Program XnView Classic ภาพ 7-1 สญั ลกั ษณโ์ ปรแกรม XnView XnView Classic คือโปรแกรมท่ีใช้สาหรับเปิดรูปภาพได้หลายประเภท เช่น .jpg, .png, .gif และอื่น ๆ นอกจากน้ีโปรแกรม XnView Classic ยังมีความสามารถอื่น ๆ เช่น ปรับแต่งรูปภาพ, การปรับเปลี่ยนขนาดรูปภาพ เปลย่ี นช่อื ไฟลร์ ูป และท่สี าคญั โปรแกรมนส้ี ามารถ Download มาใชง้ านไดฟ้ รี การ Download โปรแกรม XnView Classi cน้ันไม่มีความแตกต่างจากโปรแกรมอื่น ๆ แต่อย่างใด คุณสามารถเข้าไปยัง Website ของ XnView Classic (www.xnview.com) เพอ่ื Download โปรแกรมได้และตดิ ตงั้ ได้กับ Windows ทกุ รนุ่ การเปดิ ใช้งาน Program XnView Classic 1. คลกิ เลอื กไอคอน Start > Office Button > เลือกโฟลเดอร์โปรแกรม XnView > คลกิ เลอื กเมนู XnView ภาพที่ 1 หน้าตา่ งการเปิดใช้งานโปรแกรม XnView

3 2. ปรากฏหนา้ ตา่ งโปรแกรม XnView ภาพที่ 2 หน้าตา่ งโปรแกรม XnView การต้ังค่าไฟล์รปู ภาพด้วยคาส่ัง Batch Processing Batch Processing คือ กลุม่ ของคาส่ังทีใ่ ช้สาหรบั การปรบั ขนาดภาพและนามสกลุ ของไฟล์ภาพใหม่ โดยการต้งั คา่ ท่นี ยิ มต้ังจะมสี องคาส่ังคือ ลดขนาดภาพ (Resize) และ กาหนดคา่ ความละเอยี ดของภาพ (Set DPI) 1. คลกิ เลือกโฟลเดอร์ไฟลภ์ าพท่ีตอ้ งการตัง้ ค่า 2. แสดงภาพที่อยู่ในโฟลเดอร์ ภาพที่ 4 การเลือกโฟลเดอรไ์ ฟลภ์ าพ 3. คลิกเลอื กรูปทีต่ ้องการตง้ั ค่า หากเลอื กภาพแลว้ คาอธิบายภาพจะเปล่ยี นพ้ืนหลังเป็นสนี ้าเงนิ

4 หมายเหตุ : กรณีที่ 1. เลือกภาพทั้งหมดท่ีอยู่ในโฟลเดอร์ การเลือกภาพทั้งหมดที่อยู่ในโฟลเดอร์ ให้นาเมาส์คลิกเลือกรปู ใดรูปหนง่ึ จากนั้นกดแปน้ พิมพ์ Ctrl + A กรณีที่ 2. ไมไ่ ดเ้ ลือกภาพทง้ั หมดท่ีอยูใ่ นโฟลเดอร์ รูปอยู่ติดกัน กดแปน้ พมิ พ์ Shift ค้างไว้ จากน้ันนาเมาส์คลิกเลอื กรปู ทีต่ อ้ งการ รูปอยหู่ ่างกัน กดแปน้ พมิ พ์ Ctrl คา้ งไว้ จากน้ันนาเมาสค์ ลกิ เลอื กรูปที่ต้องการ ภาพ 7-5 การเลือกไฟล์ภาพ 4. คลิกเลือกเมนู Tools > เลอื กคาสง่ั Batch Processing

5 ภาพ 7-6 การเรยี กใชค้ าสัง่ Batch Processing 5. ปรากฏจอภาพคาสั่ง Batch Processing

6  ภาพ 7-7 หน้าคาสัง่ Batch Processing การตง้ั คา่ General  Add Folder คือการเลือกพ้ืนท่ีของโฟลเดอร์สาหรับการจัดเก็บการตั้งค่าของไฟล์ภาพท่ีตั้งค่าใหม่ หากต้องการใหไ้ ฟล์รูปที่ต้ังคา่ ใหม่จัดเกบ็ ไว้ในโฟลเดอรใ์ ดก็ใหเ้ ลือกโฟลเดอรน์ ัน้ หรอื จะสร้างโฟลเดอร์ใหม่ขึ้นมา ก็ได้ เมื่อกดปุ่ม Go ไฟล์ภาพที่ได้กาหนดคุณสมบัติของไฟล์ไว้จะถูกบันทึกไว้ในโฟลเดอร์ท่ีเลือก แต่กรณีที่ไม่ได้ เลอื กโฟลเดอรไ์ ฟลภ์ าพจะเซฟไวใ้ นโฟลเดอรข์ องไฟลต์ น้ ฉบับ  Directory พ้นื ที่ท่รี ะบุทอ่ี ย่ขู องการจัดเก็บขอ้ มูลเมอ่ื ให้โปรแกรมบนั ทกึ การเปลยี่ นแปลง  Format ใช้สาหรับกาหนดนามสกุลของไฟล์ (สาหรับรูปท่ีจะใช้ในเว็บไซต์ควรเลือกนามสกุลเป็น .JPG .PNG หรอื .GIF เท่านัน้ )  Options ใช้สาหรับกาหนดคุณสมบัติต่าง ๆ ของไฟล์ภาพให้ตรงกับลักษณะงานที่ต้องการนาไปใช้ ในส่วนนี้ให้ กาหนดเลือกรายการ Progressive เมื่อเลือกกาหนดค่า JPG Options แล้วให้คลิก OK เพ่ือกลับมาเลือกแท็บ Transformation

7 ภาพ 7-8 หนา้ ต่าง Options คุณสมบตั ิของไฟลเ์ พ่ือใช้งานด้านตา่ ง ๆ - ภาพเพ่ือสงั่ พิมพ์ Quality เป็น 100 - ภาพสาหรบั สือ่ นาเสนอ Quality อย่ใู นชว่ ง 80 – 100 - ภาพสาหรับเวบ็ ไซต์ Quality อยู่ในชว่ ง 50 – 90  Overwrite ใหเ้ ลือกเปน็ แบบ Replace คือการตง้ั คา่ ใหเ้ ขยี นทบั ไฟล์เก่า  Delete original ให้บันทึกไฟล์ทบั ไฟล์ตน้ ฉบบั แทนทด่ี ้วยการตั้งค่าไฟล์ดว้ ยคุณสมบตั ิใหม่ทกี่ าหนดไว้  Go ปุ่มนี้ใช้สาหรับบันทึกการเปล่ียนแปลงการตั้งค่าของไฟล์ ตามเงื่อนไขท่ีได้กาหนดไว้จาก ข้อ 1-6 เม่ือคลิก เลอื กที่ปมุ่ นโี้ ปรแกรมจะจดั เก็บไฟล์และเริ่มต้นการต้ังคา่ ไฟล์ภาพตามที่กาหนดที่ละภาพจนกวา่ จะครบทุกภาพท่ี กาหนดใหต้ งั้ ค่า เม่ือโปรแกรมทางานเสรจ็ แล้วก็จะได้ไฟล์ภาพที่มีคุณสมบัติตามที่กาหนดไว้

8 6. คลกิ เลือกแถบเมนคู าส่ัง Transformations ภาพ 7-9 หน้าคาสง่ั Transformations การตงั้ ค่า Transformations  กลุ่มคาส่ังตา่ ง ๆ ท่ีอย่ใู นแถบเคร่ืองมือ Transformations  ปมุ่ Add> ใช้สาหรับการเลอื กใช้คาสง่ั จากข้อท่ี 1  ปุ่มจัดลาดับการใชค้ าสง่ั ใชส้ าหรับจัดเรยี งการใช้งานคาสง่ั ต่าง ๆ ทไ่ี ด้ Add>  <Remove ใชส้ าหรับการยกเลกิ การใชง้ านคาสัง่ ที่ได้ Add>  พนื้ ท่สี าหรบั การแสดงรายการคาสง่ั ที่ได้ Add>  ปุ่มนใี้ ช้สาหรับบนั ทึกการเปลี่ยนแปลงการต้ังค่าของไฟล์ ตามเงื่อนไขที่ได้กาหนดไวจ้ าก ข้อ 1-5 เม่ือคลกิ เลือกท่ี ปุ่มนี้โปรแกรมจะจัดเก็บไฟล์และเร่ิมต้นการต้ังค่าไฟล์ภาพตามท่ีกาหนดท่ีละภาพจนกว่าจะครบทุกภาพที่ กาหนดให้ตงั้ คา่ เม่อื โปรแกรมทางานเสรจ็ แลว้ กจ็ ะไดไ้ ฟล์ภาพทม่ี คี ุณสมบตั ติ ามท่ีกาหนดไว้

9 การตั้งคา่ ความละเอียดรูปภาพดว้ ยคาสัง่ Set DPI 1. คลิกเลอื กคาสง่ั Set DPI 2. คลกิ ปุม่ Add > 3. คาสั่งทเ่ี ลือกจะปรากฏในขอ้ 3 4. กาหนดค่าความละเอียดในช่อง Parameters ตั้งค่าแกน X หรือแกน Y ค่าใดค่าหน่ึงเป็น 72 โปรแกรมจะ กาหนดค่าทั้งสองแกนเปน็ คา่ เดียวกัน 5. กดปุ่ม Go เม่ือตั้งค่าเรียบร้อยแล้ว (ในกรณีท่ีต้องการตั้งค่า Resize ต่อให้ Add> และตั้งค่าคาสั่ง Resize ก่อนกดปมุ่ Go) ภาพ 7-10 หน้าคาสั่ง Transformations > การต้งั ค่าความละเอยี ด (Set DPI) 6. โปรแกรมจะประมวลผลใหร้ อจนกวา่ จะทางานเสร็จ กจ็ ะได้ภาพตามขนาดท่ีไดก้ าหนดคา่ ไว้ ภาพ 7-11 การประมวลผลการต้งั คา่ Set DPI

10 การตั้งค่าขนาดของไฟล์ภาพด้วยคาสัง่ Resize 1. คลิกเลอื กคาสั่ง Resize 2. คลิกปุ่ม Add > 3. คาสัง่ ท่เี ลือกจะปรากฏในข้อ 3 4. กาหนดค่าความละเอยี ดในช่อง Parameters กาหนดคา่ ความกวา้ งของรูปตามท่ตี ้องการ เชน่ 1,024 หนว่ ยที่ได้คือ pixcel ซ่ึงเป็นหน่วยวดั ที่นยิ มใชส้ าหรบั การตง้ั ค่าไฟลภ์ าพสาหรบั เว็บไซต์ 5. กดปุม่ Go เม่อื ตั้งค่าครบแลว้ ภาพ 7-12 หนา้ คาสง่ั Transformations > การตั้งค่าขนาดไฟลภ์ าพ (Resize) 6. โปรแกรมจะประมวลผลให้รอจนกวา่ จะทางานเสรจ็ ก็จะได้ภาพตามขนาดท่ีได้กาหนดค่าไว้ ภาพ 7-13 การประมวลผลการตง้ั คา่ Set DPI

11 การต้ังคา่ ชือ่ ไฟล์ภาพดว้ ยคาสั่ง Batch Rename.. ก่อนนาภาพไปใช้กับเว็บควรเปล่ียนช่ือภาพให้เหมาะสมเพ่ือใช้ในการอ้างอิงถึงผลงานของไฟล์ภาพที่ได้สร้าง และป้องกันปัญหาชือ่ ไฟล์ในเว็บซา้ ซอ้ น โดยมีวธิ ีการดังต่อไปน้ี 1. เลอื กคาสง่ั Tools > Batch Rename ภาพ 7-14 การเรยี กใชค้ าส่ัง Batch Rename 2. จากน้ันจะปรากฏหน้าต่างการทางานคาสง่ั Batch Rename ภาพ 7-15 หนา้ ตา่ งการทางานคาส่ัง Batch Rename

12 คาอธิบาย  Name template ใช้สาหรบั การกาหนดแม่แบบสาหรับชือ่ แฟม้ เอกสาร เช่น หากตอ้ งการชื่อท่เี ปน็ ตัวเลขกีห่ ลัก ก็ให้ระบุเป็น # ตามจานวนที่ต้องการ หรือหากต้องการมีข้อความใดๆ ผสมก็พิมพ์ร่วมกับเคร่ืองหมาย # ได้เชน่ 20140212-## เป็นตน้ การตัง้ ชอ่ื ไฟล์ในสว่ นของ Sample ควรต้งั เป็น ปี ค.ศ. /เดือน/วนั ท่ี เช่น 20140212 2014 = ปี ค.ศ. 2014 02 = เดอื นกุมภาพันธ์ 12 = วนั ท่ี 12  พนื้ ทสี่ าหรับแสดงรายละเอยี ดของไฟลภ์ าพทีเ่ ลือก  ปุม่ Rename ใช้สาหรับการส่ังใหโ้ ปรแกรมเปลีย่ นช่ือไฟล์ตามค่าท่ตี ั้ง