โดย ไพฑูรย์   ปลอดอ่อน ศน.สพท.นครปฐมเขต 1

       ในตอนนี้ จะกล่าวถึงการนำภาพที่ถ่ายจากกล้องดิจิตอลในใช้ในการจัดทำเว็บเพจ ตามที่ทราบแล้วว่า ภาพสำหรับนำมาใช้ในเว็บเพจ ควรเป็นภาพที่ที่มีขนาดพิกเซล (pixels) ไม่มากนัก เช่น 180×135;200×150;200×267;400×300 เป็นต้น แต่ภาพที่ได้มาจากกล้องดิจิตอลที่ถ่ายด้วยความละเอียดประมาณ 1 ล้านพิกเซล จะมีขนาด 1,280×960 พิกเซล หากคิดหน่วยเป็นไบต์ (byte) จะประมาณ 500-600 กิโลไบต ์(KB) ซึ่งหากใช้ภาพขนาดนี้ขึ้นไปใช้บนเว็บเพจ จะทำให้ไฟล์เว็บของเรามีขนาดใหญ่ การเปิดดูจะทำได้ช้า ทำให้ผู้ชมเว็บเบื่อที่จะต้องรอ เราจึงควรทำการย่อภาพ (Resize) ก่อน

    ก่อนที่จะทำการย่อภาพเราต้องทราบว่าภาพที่เราจะใช้อยู่ที่ไหน ถ้าเราไปถ่ายภาพโดยใช้กล้องดิจิตอลมา เรานำภาพมาลงในคอมพิวเตอร์ที่เราจะทำเว็บเพจ ซึ่งควรเก็บในโฟลเดอร์ My picture เตรียมโฟลเดอร์ที่จะเก็บภาพเป็นโฟลเดอร์ย่อยโดยอาจตั้งชื่อให้เข้าใจง่าย เห็นแล้วรู้เลยว่าเป็นภาพเกี่ยวกับอะไร แต่ต้องเป็นภาษาอังกฤษและใช้ตัวอักษรตัวเล็กนะครับ เช่น new year 2006 เมื่อนำภาพมาใส่ในโฟลเดอร์เราควรเปลี่ยนชื่อภาพให้เข้าใจง่ายหรือเป็นระบบเดียวกัน เช่น เมื่อโฟลเดอร์เป็นชื่อ new year 2006 แสดงว่าภาพที่่ี่ื่จะอยู่ในโฟลเดอร์นี้จะเป็นภาพเกี่ยวกับงานปีใหม่ ชื่อภาพแต่ละภาพจึงอาจเป็น new year 2006-1;new year 2006-2;new year 2006-3;new year 2006-4 เป็นต้น

     การย่อภาพ (Resize) ให้มีขนาด 180×135 pixels จะทำให้ภาพมีขนาดไฟล์ 16.8 KBหรือขนาด 400×300 pixelsจะทำให้ภาพมีขนาดไฟล์ 37.8 KB ซึ่งเหมาะที่จะใช้ในการจัดทำเว็บเพจ เป็นต้น ในการย่อภาพ (Resize) โปรแกรมนาโม มีคุณสมบัติในการจัดการย่อภาพมาให้แล้วในขั้นตอนของการแทรกภาพ แต่จะย่อเฉพาะขนาดที่มองเห็นเท่านั้น ไม่ลดขนาด pixels ดังนั้นจึงจะขอแนะนำขั้นตอน วิธีการโดยใช้โปรแกรมเกี่ยวกับการจัดการภาพดังต่อไปนี้

    การย่อภาพ (Resize) ต้องใช้โปรแกรมเกี่ยวกับการจัดการภาพ เช่น ACDsee หรือ Photoshop ในที่นี้ขอเสนอแนะให้ใช ้ (เวอร์ชั่นที่สูงกว่านี้ก็ใช้ได้)

    1. เปิดโปรแกรม โดยถ้ามี Icon  ที่หน้าจอให้ดับเบิลคลิก โปรแกรมจะเปิดไปพบหน้าต่างดังรูป

โปรแกรมจะเปิดไปที่โฟลเดอร์ My Picture โดยอัตโนมัติ และในหน้าต่างของโปรแกรม จะแสดงโฟลเดอร์ย่อยใน My Picture ให้เรา เราเลือกโฟลเดอร์ย่อยที่เราเก็บรูปไว้ ได้แก่  new year 2006 และไฟล์ที่เก็บภาพไว้  ในตัวอย่างนี้มี 2 ภาพได้แก่ new year 2006-1;new year 2006-2

    2. ดับเบิลคลิกที่ภาพที่ต้องการ จะได้หน้าต่างใหม่ดังนี้

    3. คลิกที่เมนูคำสั่ง Modify จะได้หน้าต่างใหม่ ดังรูป  

     4. คลิกคำสั่ง Resize จะพบหน้าต่างใหม่ดังนี้

    5. ที่ขนาดภาพ pixels ช่อง width และ  Height เราจะเปลี่ยนตัวเลขในช่องทั้ง 2 ให้เป็นขนาดตามที่ต้องการ เช่น 400 ×300  แต่เพื่อความสะดวก เราควรติ๊ก / ในช่อง หน้าข้อความ Preserve Aspect Ratio เพื่อให้สัดส่วนของภาพคงเดิมเสมอแม้ขนาดภาพจะเปลี่ยนแปลง ดังนั้น เพียงเรา เปลี่ยนตัวเลขในช่อง width เป็น 400  ช่อง Height จะเปลี่ยนเป็น 300  เอง  จากนั้นให้คลิกคำสั่ง Done จะพบหน้าต่างใหม่ ดังรูป

        6. คลิกคำสั่ง file > Save as คลิก Save as โปรแกรมจะให้เราบันทึก โดยต้องตั้งชื่อภาพใหม่ เช่นภาพเดิมชื่อ new year 2006-1เราก็เปลี่ยนเป็น new year 2006-1-2 ได้ หรืออาจใช้ new year 2006-1r ( r = Resize) หากเราใช้ชื่อเดิม จะไปบันทึกทับภาพเดิม ก่อนที่จะบันทึก ต้องดูด้วยว่า บันทึกในโฟลเดอร์ชื่อ new year 2006 หรือเปล่า ถ้าใช่ก็คลิก Save ภาพก็จะไปเก็บใน โฟลเดอร์เดิมคือ new year 2006 ที่ยู่ในโฟลเดอร์ My Picture โดยอัตโนมัติ เราเรียกการจัดการภาพอย่างนี้ว่าการทำ Stock ภาพ

        มีอีกแนวคิดหนึ่งในการเก็บภาพเพื่อเอาไปใช้ในการทำเว็บเพจ คือ ก่อนที่เราจะบันทึกภาพที่จัดการใหม่แล้วให้ท่านตั้งโฟลเดอร์ใหม่ในโฟลเดอร์ My Picture ว่า  Stock ดังนั้นเมื่อ Resize ภาพเสร็จแล้ว เมื่อจะบันทึกให้เลือกโฟลเดอร์ที่จะเก็บไปไว้ที่โฟลเดอร์ Stock

การนำภาพไปใช้ในโปรแกรมนาโม

    1. เปิดโปรแกรมนาโม เปิดหน้างานที่ต้องการใช้ภาพ วางเคอร์เซอร์ในตำแหน่งที่ต้องการ แล้วใช้คำสั่ง Insert > Image จะพบหน้าต่างดังรูป

    2. ดับเบิลคลิกที่รูปที่เราต้องการ ภาพจะมาปรากฎในกรอบ preview ดังรูป

ในหน้าต่างนี้ ให้ท่านตรวจดูขนาดไฟล์ถ้าถูกต้อง คลิก OK  ภาพจะมาอยู่ในหน้าเว็บเพจในตำแหน่งที่เราต้องการ

    เอกสารนิเทศ ICT ฉบับที่ 2
11 ตุลาคม 2548

gvเอเอกสารการนิเทศเรื่อง ICT ฉบับที่ gvdlk