wichagraphic สอนแต่งภาพฟรี Photoshop,Illustrator,Lightroom: Save for Web &Device

มาถึงคำสั่ง Save for Web& Device เป็นคำสั่ง สำหรับเซฟภาพไว้ไปใช้ในหน้าเว็บเพจ ซึ่งวิธีเซฟภาพไปใช้ในหน้าเพจ มีหลายวิธี และวิธีนี้ ก็เป็นวิธีที่ง่ายเช่นกัน ซึ่งใน Photoshop cs5 มีคำสั่งนี้รองรับไว้ด้วย ทำให้สะดวกในการเก็บไฟล์ภาพไว้สำหรับใช้งานกับหน้าเว็บเพจมากขึ้น โดยมีขั้นตอน คือ
1. เปิดภาพที่เราจะเซฟเก็บไว้บนหน้าเว็บเพจ

2. เลิอกคำสั่ง File แล้วใช้เม้าท์คลิ้กที่คำสั่งย่อย Save for Web&Device จะเกิดหน้าต่างใหม่ขึ้นมา เพื่อปรับแต่งคุณสมบัติของ ไฟล์ภาพ

3.เมื่อทำตาม ข้อ2.แล้ว จะมีหน้าต่างขึ้นมา ในหน้าต่างปรับแต่งคุณสมบัติของไฟล์ภาพ มีรายละเอียดดังนี้
Preset = การตั้งค่า เซ็ตการเซฟไฟล์รูปภาพ แบ่งได้เป็น 4 กลุ่มหลักๆ คือ ไฟล์ Gif,JPEG,PNG,WBMP
   กลุ่ม 1. - Gif 128 Dithered       - Gif 128 No Dither    - Gif 32 Dithered
          - Gif 32 No Dither    - Gif 64 Dithered    - Gif 64 No Dither    - Gif Restrictive
         เมื่อเลือกกลุ่มนามสกุล กลุ่มที่ 1 คือ Gif จะมีกลุ่มคำสั่งย่อย ตามรายการข้างล่าง คือ
         - Optimized file format เมื่อปรับ Preset ตามกลุ่มนามสกุลไฟล์รูปภาพ เช่น Gif ในOptimized file format จะแสดงไฟล์ นามสกุล Gif ออกมา (จากรายการย่อย คือ Gif,JPEG,PNG,WBMP)
             - Gif
         - Color reduction algorithm เป็นชุดคำสั่งในการเลือกรูปแบบสีของรูป ที่ใช้กับเว็บเพจ
             - Perceptual รูปจะออกสีปกติ
             - Selective รูปจะออกสีปกติ
             - Adaptive รูปจะออกสีปกติ
             - Restrictive รูปจะออกสีปกติ
             - Custom รูปบนเว็บเพจจะกลายเป็นสีขาวดำ
             - Black-White รูปบนเว็บเพจจะกลายเป็นสีขาวดำ
             - Grayscale รูปบนเว็บเพจจะออกสีเทาหรือขาวดำ
             - Mac OS ใช้กับระบบ Os
             - Windows ใช้กับระบบ Windows
         - Specify the dither algorithm เป็นชุดคำสั่งระบุการจัดความละเอียดของสี
             - No Dither              - Diffusion
             - Pattern                 - Noise
         - Maximum number of colors in color table  เป็นคำสั่งย่อยเพื่อเลือกจำนวนสีที่ให้แสดงผล
         - Specify amount of dither ระบุจำนวน % ของการผสมสีละเอียด
         - Defines color to blend transparent pixels against   เป็นการกำหนดสีให้พื้นหลังของรูปที่ใช้บนเว็บ
             - None    ไม่มีการกำหนดสี
             - Eyedropper Color    กำหนดสีตามหลอดดูดสี
             - Foreground Color    กำหนดสีตามสีของ Foregroung
             - Background Color    กำหนดสีตามสีของ Backgroung
             - White    กำหนดสีพื้นหลังรูปเป็นสีขาว
             - Black   กำหนดสีพื้นหลังรูปเป็นสีดำ
             - Other   กำหนดสีพื้นหลังรูป ในรูปแบบอื่น
         - Includer transparency based on color opacity
         - Specify transparency dither algorithm
             - No Transparency dither
             - Diffusion Transparency Dither
             - Pattern Transparency Dither
             - Noise Transparency Dither
         - Download in multiple passes
         - Amount
         - Snaps close colors to web palette base on tolerance
         - Controls amount of lossiness allowed in Gif compression
กลุ่ม 2.   - JPEG High    - JPEG Low    - JPEG Medium
   - และเมื่อเลือกกลุ่มนามสกุล กลุ่มที่ 2 คือ กลุ่มนามสกุล JPEG ก็จะได้กลุ่มคำสั่งย่อย ตามรายการข้างล่างนี้ คือ
         - Optimized file format เมื่อปรับ Preset เช่นเดียวกับตอนเลือกกลุ่มที่ 1 คือ Gif เป็นเลือก นามสกุล JPEG แทน ใน Optimized file format ก็จะแสดงไฟล์ นามสกุล JPEG ออกมาแทน (จากรายการย่อย คือ Gif,JPEG,PNG,WBMP)
         - Compression quality
             - Low
             - Medium
             - High
             - very High
             - Maximum
         - Download in multiple passes
         - Create smaller but less compatible files
         - Include an ICC profile based on Photoshop color compensation
         - Sacrifices image quality for better compression
         - Applies blur to image to reduce artifacts
         - Defines color to blend transparent pixels against
กลุ่ม 3. - PNG-24    - PNG-8 128 Dithered
กลุ่ม 4. - WBMP กลุ่มนี้ จะได้รูปภาพมีความละเอียดไฟล์ ขนาดใหญ่เกิน จึงไม่ค่อยนิยมใช้กันมากนัก
Convert to sRGB = ทำเครื่องหมายถูก เพื่อปรับไฟล์ที่เซฟให้เข้าสู่มาตรฐานสีระบบ sRGB
Preview = เลือกระบบหน้าจอที่จะ Preview โดยมีระบบให้เลือก ดังนี้
   - Monitor Color
   - Legacy Macintosh(No Color Managment)
   - Internet Standard RGB(No Clor Managment)
   - Use Document Profile
Metadata =
   - None
   - Copyright
   - Copyright and Contact Info
   - All Except Camera Info
   - All
Color table = กรอบแสดงลักษณะสีที่เซฟ
Image Size W: H: = W คือ กำหนดขนาดความกว้าง ที่Preview H คือ กำหนดความสูง ที่ Preview ส่วน Toggle มีไว้สำหรับล็อคให้การปรับค่าความกว้างและสูงสัมพันธ์กัน
Percent = ปรับขนาดความกว้าง และความสูงของรูปภาพ ตามเปอร์เซ็นต์
Quality =
   - Nearest Neighbor
   - Bilinear
   - Bicubic
   - Bicubic Smoother
   - Bicubic Sharper
animation =
กรอบสี่เหลี่ยมแสดง 100% = สำหรับย่อขยาด ตามขนาดต่างๆ
Device Central = เชื่อมต่อกับอุปกรณ์ส่วนกลาง(Add-on)
Preview = เป็นคำสั่ง ทดลอง Preview รูปใน Browser
Other = กำหนดเพิ่มเติม นอกเหนือจากในรายการ Edit List
Edit List = เพิ่ม Browser ที่ไว้ให้ไฟล์รูปภาพ Preview
Save = เป็นคำสั่งเซฟไฟล์ภาพให้เป็นไฟล์ใช้งานสำหรับเว็บเพจ เมื่อตั้งค่าต่างๆเสร็จ ก็กดปุ่มเซฟนี้
Cancle = ยกเลิกคำสั่ง Save
Done = ให้จำค่าที่เซ็ตปัจจุบันไว้ แล้วปิดหน้าต่างที่เซ็ตคุณสมบัติไฟล์รูปภาพนี้
Original = แสดงรูปภาพขนาดแบบไฟล์ต้นฉบับ
Optimized = แสดงรูปภาพแบบเหมาะสมกับพิกัด
2-up = แสดงรูปภาพเป็นสองส่วน
4-up = แสดงรูปภาพเป็นสี่ส่วน
ให้ปรับแต่งค่าต่างๆ ตามที่เราต้องการ แล้วทำการเซฟ

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

5.พอตั้งชื่อไฟล์เสร็จแล้ว เราสามารถเลือก ปุ่ม Format เพื่อเลือกว่า จะเซฟไฟล์ลักษณะไหน โดยมีรายการให้เลือก ตามนี้
HTML and Image = เมื่อเซฟไฟล์ภาพแล้วจะได้ ไฟล์ และ โฟลเดอร์ชื่อ Images 1 โฟลเดอร์ สำหรับเก็บภาพที่จะใช้ในเว็บเพจ และข้างในโฟลเดอร์นี้ จะมีไฟล์ชื่อ Images 1 ไฟล์ ที่เรากดเซฟไว้ด้วย
Images Only = เมื่อเซฟด้วยคำสั่งนี้ จะได้ไฟล์ภาพ ชื่อ Images ในนามสกุลรูปภาพ ไฟล์เดียวเท่านั้น
HTML Only = เมื่อเซฟด้วยคำสั่งนี้ จะได้เฉพาะ ไฟล์ที่เป็นนามสกุล Html เท่านั้น