ผู้เขียน หัวข้อ: การพิจารณาเรื่อง ภาพสำหรับ ทำเว็บไซต์  (อ่าน 4 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

11-08-2018 , 02:10:14
  • Full Member
  • ***
  • กระทู้: 110
  • เพศ: ชาย
    • ดูรายละเอียด

ถ้าหากจะ ออกแบบเว็บไซต์ ซักเว็บไซต์ เรื่องภาพนั้นก๋มีส่วนสำคัญซึ่งพวกเราจำเป็นต้องเล่าเรียน
พวกเรามาลองเล่าเรียนกันดูว่า สำหรับการ ทำเว็บไซต์นั้น อันที่จริงแล้ว ควรที่จะใช้ภาพแบบใด
 
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://www.rannamhom.com/index.php/topic,286133.new.html#new

Tags : ทำเว็บไซต์