หัวข้อ: การพิจารณาเรื่อง ภาพสำหรับ ทำเว็บไซต์ เริ่มหัวข้อโดย: millioncandle ที่ เมษายน 29, 2019, 12:58:02 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://magalhaes-network.net/index.php?topic=250388.new#new Tags : ออกแบบเว็บไซต์,เขียนเว็บไซต์
|