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

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

สิงหาคม 11, 2018, 09:10:17 PM
  • Full Member
  • ***
  • กระทู้: 114
  • เพศ: ชาย
    • ดูรายละเอียด

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

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