Light mode Dark mode

Jir4yu.me

ความรู้สึก.. ที่ตอนไหนๆก็(ไม่)เหมือนกัน

การบันทึกภาพ เพื่อ สร้างเว็บไซต์

การบันทึกภาพ เพื่อ สร้างเว็บไซต์

จากบทความที่แล้ว ในวันนี้จะกล่าวถึงการใช้เมนู Save for web & devices.. โดยการเซฟภาพแบบนี้ เหมาะกับการ สร้างเว็บไซต์ มากกว่าการ Save ธรรมดา หรือ Save As.. ครับ ซึ่งจะสามารถระบุขนาดไฟล์ รูปแบบไฟล์ นามสกุลไฟล์ รวมทั้งความละเอียดของภาพได้ดีกว่าด้วย

Save for web & devices.. กับการสร้างเว็บไซต์

เรียกได้ว่า เดี๋ยวนี้ยังมีคนเข้าใจผิดเกี่ยวกับการเซฟรูปต่างๆใน Photoshop ค่อนข้างเยอะอยู่พอสมควร ดังนั้น เรามาดูวิธีการเซฟที่ได้ผลดีและเหมาะกับเว็บไซต์ของเราดีกว่าครับ ขั้นแรกเปิดไฟล์ภาพหรือภาพที่ทำงานอยู่ แล้วไปที่ File > Save for web & devices.. จากนั้นก็จะขึ้นหน้าต่างให้เซ็ทค่าตามภาพ

ด้านขวาบน จะเห็นกรอบสี่ที่เขียนว่า Preset: ซึ่งเราจะมาปรับการบันทึกภาพจากส่วนนี้เป็นหลัก โดยสามารถเลือก นามสกุลไฟล์ที่ต้องการจะเซฟได้อย่าง JPEG,GIF และ PNG

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

แต่หากเลือกเป็น GIF ก็จะสามารถระบุ ขอบเขตสีที่ต้องการแสดงผลของภาพได้เช่น 128,256 หรือค่าสีอื่นๆที่ต่ำกว่านั้น ซึ่งไฟล์ .gif เองก็สามารถกด play ดู animate การเคลื่อนไหวของภาพก่อนเซฟได้ด้วยเช่นกัน ที่แท็บเมนูด้านล่างเหนือปุ่ม Save

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

กดที่แท็บเมนูข้างๆ กรอบ Preset ตามภาพข้างบนแล้วเลือก Optimize to File Size … จากนั้นใส่เลขไฟล์ที่ไม่ต้องการให้เกินได้ เช่น 100 ขนาดไฟล์ของภาพก็จะถูกคำนวนไม่ให้เกินจาก 100KB ครับ ในบทหน้าเราจะพูดถึง การออกแบบเว็บไซต์ ของเว็บดังๆเป็นตัวอย่างบ้าง เพื่อเป็นกรณีศึกษาครับ

Jir4yu.

Jirayu Limjinda

ถ้าไม่รู้จักกัน บางทีคุณอาจจะไม่เข้าใจกับสิ่งที่ผมทำ.. กลับกัน ถ้าคุณรู้จักผมดี คุณจะไม่ต้องเอ่ยปากถามเลยว่าทำไม

แสดงความคิดเห็นของคุณที่นี่

loading, please wait..

loading, please wait..