หัวข้อ: การพิจารณาเรื่อง ภาพสำหรับ ทำเว็บไซต์ เริ่มหัวข้อโดย: millioncandle ที่ พฤษภาคม 13, 2019, 06:19:14 pm ถ้าหากจะ ออกแบบเว็บไซต์ ซักเว็บไซต์ เรื่องภาพนั้นก๋มีส่วนสำคัญซึ่งเราต้องเล่าเรียน
เรามาทดลองเรียนรู้กันมองว่า สำหรับเพื่อการ เขียนเว็บไซต์นั้น อันที่จริงแล้ว ควรจะใช้ภาพแบบใด 1.การอัปโหลดรูปภาพ รูปภาพจะต้องมีขนาดที่สมควรต่อเว็บ ถ้าเกิดมีขนาดใหญ่เกินความจำเป็น อาจจะส่งผลให้เว็บไซต์โหลดนาน ผู้เข้าชมขี้เกียจคร้านรอคอยและกดปิดหน้าเว็บนั้นไปก่อน 2.การเลือกความละเอียดภาพ จะต้องเลือกภาพที่มีความละเอียดเหมาะสมกับขนาดที่ใช้งาน ความละเอียดของภาพ PPI (pixels per inch) ที่เหมาะสมกับเว็บคือ 72PPI ถึง 120 PPI ซึ่งเป็นความละเอียดที่หน้าแบบธรรมดาที่ใช้งานการทั่วทั้งโลกสามารถแสดงได้ การกำหนดความละเอียดเป็น 72PPI จะช่วยให้ขนาดไฟล์เล็กลงได้มาก นอกจากนี้พวกเราควรจะรู้เพราะภาพที่จะแสดงบนเว็บไซต์มีขนาดความกว้าง x ยาว กี่ pixels เพื่อป้องกันที่ภาพจะสูญเสียรายละเอียด เพราะเหตุว่าถ้าเกิดภาพแตก หรือไม่ได้ประสิทธิภาพที่สมควร อาจทำให้เสียอารมณ์ในการเข้าชม โดยมีวัสดุที่ชื่อว่า Save For Web & Devices สามารถลดขนาดไฟล์ที่เป็นไฟล์รูปภาพและก็ยังช่วยทำให้ปรับความละเอียดภาพได้ตามอยาก (Low, Medium, High, Very High, and Maximum) ควรที่จะทำการเลือกให้เหมาะสมกับการใช้แรงงาน เพราะเหตุว่าภาพความละเอียดต่ำทำให้เว็บไซต์โหลดได้เร็วขึ้นก็จริง แม้กระนั้นก็เสียความแหลมคมชัดไปด้วยด้วยเหมือนกัน (http://www.designbykeng.com/image-content/web-design14.jpg) 3.จุดโฟกัส ถ้าหากเราทำให้ภาพมีจุดโฟกัสที่เด่น และเหมาะสม โดยเหตุนั้นควร crop ภาพให้พอเหมาะพอดี จะช่วยให้ภาพสื่อความหมายเยอะขึ้นเรื่อยๆ 4.การเลือกใช้ภาพแล้วก็สัดส่วนของภาพ ภาพนับว่าเป็นจุดแข็งสำคัญที่จะยั่วยวนใจให้มีผู้เข้าชม หากใช้ภาพไม่สวย หรือเปล่าแจ่มกระจ่าง อาจจะส่งผลให้เป็นข้อดีทางด้านลบ กระตุ้นให้เกิดเป็นความไม่จับใจต่อผู้เข้าชม ทั้งยังสัดส่วนภาพควรมีความพอเหมาะ เพื่อความสมดุลและก็งาม (http://www.designbykeng.com/image-content/web-design15.jpg) 5.การเลือกใช้ไฟล์ (file format) โดยไฟล์แต่ละชนิดมีส่วนที่ดีและส่วนที่เสีย อีกทั้งมีลักษณะการใช้งานต่างกัน - JPG (JPEG) : ไฟล์หลักสำหรับรูปถ่ายมีความละเอียดสูงให้สีที่ผ่องใสและถูกต้อง และไม่เหมาะสมกับภาพที่มี Text ประกอบด้วย - PNG : ให้ความละเอียดที่สูงที่สำคัญคือทำพื้นข้างหลังแบบโปร่งใสได้ มีเส้นขอบที่คมก็เลยเหมาะกับงานชนิด graphics, logos, charts หรืองานชนิดอื่นๆ - GIF : เป็นไฟล์เดียวที่รองรับภาพเคลื่อนไหวที่เป็นกราฟิกง่ายๆประสิทธิภาพไม่สูงเท่าไรนัก ให้สีที่ไม่ตรงเท่ากับ JPG - SVG : เป็นภาพแบบ vector ก็เลยย่อขยายได้ไม่จำกัด - PDF : เป็นไฟล์ที่เหมาะจะเปิดกับเครื่องใช้ไม้สอยอันหลายประเภทเหมาะสุดๆกับแนวทางการทำ e-book คำค้นหาที่เกี่ยวข้อง : ทำเว็บไซต์ เว็บไซต์ที่เกี่ยวข้อง : http://livestyledrift.com/index.php?topic=256069.new#new Tags : เขียนเว็บไซต์
|