หัวข้อ: การพิจารณาเรื่อง ภาพสำหรับ ทำเว็บไซต์ เริ่มหัวข้อโดย: millioncandle ที่ สิงหาคม 19, 2018, 11:02:14 am ถ้าหากจะ พัฒนาเว็บไซต์ ซักเว็บ เรื่องภาพนั้นก๋มีส่วนสำคัญซึ่งพวกเราจำเป็นต้องเล่าเรียน
เรามาทดลองเรียนรู้กันมองว่า ในการ ออกแบบเว็บไซต์นั้น จริงๆแล้ว ควรจะใช้ภาพแบบใด 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://lowercostofgovernment.com/index.php?topic=181670.new#new Tags : ทำเว็บไซต์,ออกแบบเว็บไซต์,เขียนเว็บไซต์
|