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

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

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

สิงหาคม 07, 2018, 02:32:50 PM
  • Full Member
  • ***
  • กระทู้: 115
  • เพศ: ชาย
    • ดูรายละเอียด

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

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