Advertisement
ถ้าเกิดจะ เขียนเว็บไซต์ ซักเว็บ เรื่องภาพนั้นก๋มีส่วนสำคัญซึ่งเราต้องศึกษาเล่าเรียนพวกเรามาทดลองเรียนกันมองว่า ในการ
ทำเว็บไซต์นั้น อันที่จริงแล้ว ควรใช้ภาพแบบใด
1.การอัปโหลดรูปภาพ รูปภาพต้องมีขนาดที่เหมาะสมต่อเว็บ หากมีขนาดใหญ่เหลือเกิน อาจจะเป็นผลให้เว็บโหลดนาน ผู้เข้าชมขี้เกียจคอยและกดปิดหน้าเว็บไซต์นั้นไปก่อน
2.การเลือกความละเอียดภาพ จะต้องเลือกภาพที่มีความละเอียดเหมาะสมกับขนาดที่ใช้งาน ความละเอียดของภาพ PPI (pixels per inch)
ที่เหมาะสมกับเว็บคือ 72PPI ถึง 120 PPI ซึ่งเป็นความละเอียดที่หน้าแบบธรรมดาที่ใช้งานการทั้งโลกสามารถแสดงได้ การกำหนดความละเอียดเป็น 72PPI จะช่วยทำให้ขนาดไฟล์เล็กลงได้มาก
นอกจากนั้นพวกเราควรจะรู้เพราะภาพที่จะแสดงบนเว็บมีขนาดความกว้าง x ยาว กี่ pixels เพื่อคุ้มครองที่ภาพจะสูญเสียรายละเอียด เพราะว่าหากภาพแตก หรือไม่ได้คุณภาพที่สมควร อาจก่อให้เสียอารมณ์ในการเข้าชม โดยมีเครื่องไม้เครื่องมือที่ชื่อว่า Save For Web & Devices สามารถลดขนาดไฟล์ที่เป็นไฟล์รูปภาพและก็ยังช่วยทำให้ความละเอียดภาพได้ตามต้องการ (Low, Medium, High, Very High, and Maximum) ควรที่จะทำการเลือกให้เหมาะสมกับการใช้งาน ด้วยเหตุว่าภาพความละเอียดต่ำทำให้เว็บไซต์โหลดได้เร็วขึ้นก็จริง แต่ว่าก็เสียความแหลมคมชัดไปด้วยเช่นกัน
3.จุดโฟกัส แม้เราทำให้ภาพมีจุดโฟกัสที่เด่น และเหมาะสม ด้วยเหตุผลดังกล่าวควร crop ภาพให้พอเหมาะพอดี จะช่วยให้ภาพสื่อความหมายมากยิ่งขึ้น
4.การเลือกใช้ภาพและรูปร่างของภาพ ภาพนับว่าเป็นจุดเด่นสำคัญที่จะล่อใจให้มีผู้เข้าชม ถ้าหากใช้ภาพไม่สวย หรือไม่กระจ่าง อาจก่อให้เป็นคุณลักษณะเด่นทางด้านลบ ก่อให้เกิดเป็นความไม่ตรึงใจต่อผู้เข้าชม อีกทั้งสัดส่วนภาพควรมีความพอดี เพื่อความสมดุลรวมทั้งสวยสดงดงาม
5.การเลือกใช้ไฟล์ (file format) โดยไฟล์แต่ละจำพวกมีข้อดีและข้อเสีย อีกทั้งมีลักษณะการใช้งานไม่เหมือนกัน
- JPG (JPEG) : ไฟล์หลักสำหรับรูปถ่ายมีความละเอียดสูงให้สีที่สดใสและถูก
และไม่เหมาะสมกับภาพที่มี Text มี
- PNG : ให้ความละเอียดที่สูงที่สำคัญคือทำพื้นข้างหลังแบบโปร่งใสได้ มีเส้นขอบที่คมจึงเหมาะสมกับงานจำพวก
graphics, logos, charts หรืองานชนิดอื่นๆ
- GIF : เป็นไฟล์เดียวที่รองรับภาพเคลื่อนไหวที่เป็นกราฟิกง่ายๆประสิทธิภาพไม่สูงมากสักเท่าไรนัก ให้สีที่ไม่ตรงพอๆกับ JPG
- SVG : เป็นภาพแบบ vector จึงย่อขยายได้ไม่จำกัด
- PDF : เป็นไฟล์ที่เหมาะสมจะเปิดกับเครื่องมืออันหลายประเภทเหมาะสุดๆกับการทำ e-book
คำค้นหาที่เกี่ยวข้อง :
ออกแบบเว็บไซต์เว็บไซต์ที่เกี่ยวข้อง :
[url]http://magalhaes-network.net/index.php?topic=250388.new#new[/url]
Tags : ออกแบบเว็บไซต์,เขียนเว็บไซต์
