สวัสดี บุคคลทั่วไป

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

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

Tags : ทำเว็บไซต์,ออกแบบเว็บไซต์,เขียนเว็บไซต์