การพิจารณาเรื่อง ภาพสำหรับ ทำเว็บไซต์

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

Tags : ออกแบบเว็บไซต์