HardcoreGraphic - Thailand Graphic Design Ezine

เทคนิคการจัดการไฟล์ JPEG บนเว็บ
Date : 06:03:04 | By : HardcoreGraphic

การจัดการไฟล์ JPEG ให้มีความคมชัดเมื่ออยู่บนเว็บ ตลอดจนการแก้ไข นับเป็นสิ่งที่หลายคนมักมองข้าม เพราะปกติคุณภาพ
ไฟล์ JPEG เมื่อคุณได้บีบอัดไฟล์แล้ว เวลาแสดงบนเว็บมักจะหยาบๆพอๆกับหนังคางคก (บางรูป) เรามีวิธีการช่วยเหลือคุณ
ในเรื่องนี้ครับ รับรองเป็นเรื่องนิ่มๆ...

1. การสแกนภาพ + ภาพจากกล้องดิจิตอล
ภาพที่คุณนำมาใช้ต้องผ่านการสแกนมาด้วยความละเอียดสูงพอ เพราะถ้าหากคุณนำภาพเยินๆมาใช้ เวลาแก้ไขจะทำได้ลำบาก
กว่าภาพที่มีคุณภาพเป็นเลิศ โดยทั่วไปความละเอียดในการสแกนภาพเพื่อนำมาใช้ในสื่อนิตยสารจะประมาณ 300 dpi และ สื่อหนังสือพิมพ์จะอยู่ราวๆ 200 dpi ถ้าหากคุณต้องการคุณภาพของภาพดีจริงๆ แนะนำว่าต้องใช้เครื่อง Drum Scan ที่คนใน
วงการสิ่งพิมพ์รู้จักดี แน่นอนว่าราคาแพงกว่าหลายเท่า!! ส่วนภาพจากกล้องดิจิตอล ถ้านำมาใช้บนเว็บความละเอียดแค่ 2.1
ล้านพิกเซลก็ถือว่าดีมากแล้ว นอกจากภาพที่ต้องการโชว์รายละเอียดจริงๆ คุณอาจจะต้องการความละเอียดสูงกว่านี้

2. การแก้ไขภาพ
คนส่วนใหญ่จะใช้โปรแกรม Photoshop ในการตกแต่งแก้ไขภาพ ถ้าคุณนำภาพ JPEG มาแก้ไข ขอแนะนำให้ save ไฟล์
เป็นนามสกุล .PSD เอาไว้ด้วยกันเหนียว เผื่อวันไหนอยากแก้จะได้เรียกขึ้นมาเซิ้งได้ทันที แก้เสร็จก็ยังเก็บไว้ใช้คราวหลัง
ได้อีก ถ้าคุณยังต้องการมันนะ

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

4. ความคมชัด
ก่อนจะ save ออกไปใช้ เรามีวิธีการปรับความคมชัดให้ภาพ ให้ไปที่ Filter > Sharpen > Unsharp Mask จะมีแถบให้
คุณเลื่อนปรับอยู่ 3 รายการคือ Amount, Radius และ Threshold ให้คุณปรับค่า Amonut ประมาณ 200 - 250 วิธีนี้จะ
ช่วยให้ภาพมีความคมชัดมากขึ้น ส่วนค่า Radius ปรับไม่เกิน 0.8 เพื่อให้ภาพดูนวลและมีคอนทราสมากขึ้น ในขณะที่ค่า
Threshold ปล่อยไว้เป็น 0 เหมือนเดิม

ภาพก่อนใช้ Filter

ภาพหลังใช้ Filter Unsharp Mask

5. การ Save
ถ้าต้องการวิธีที่ละเอียดจริงๆ ให้ลอง save ภาพแบบที่กำหนดค่า unsharp mask ต่างๆกัน เพื่อเปรียบเทียบขนาดไฟล์
หรือใช้วิธี File > Save for web แล้วเปรียบเทียบขนาดไฟล์และคุณภาพ พร้อมกำหนดค่าต่างๆได้อีก

*** วิธีการทั้งหมดอาจไม่จำเป็นว่าจะต้องใช้บนเว็บเท่านั้น คุณสามารถประยุกต์ใช้กับสื่ออื่นๆได้อีกครับ ไปล่ะ...

อ่านบทความอื่นเพิ่มเติม

+ HardcoreGraphic 7.0 Sponsored by Elife.co.th