หากจะ ออกแบบเว็บไซต์ ซักเว็บไซต์ เรื่องภาพนั้นก๋มีส่วนสำคัญซึ่งพวกเราจะต้องศึกษาเล่าเรียนเรามาลองเล่าเรียนกันดูว่า สำหรับในการ
เขียนเว็บไซต์นั้น จริงๆแล้ว ควรใช้ภาพแบบใด
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
คำค้นหาที่เกี่ยวข้อง :
ทำเว็บไซต์เครดิตบทความจาก :
http://thebennyfactor.com/index.php?topic=172990.new#newTags : ออกแบบเว็บไซต์
