หัวข้อ: การพิจารณาเรื่อง ภาพสำหรับ ทำเว็บไซต์ เริ่มหัวข้อโดย: millioncandle ที่ เมษายน 27, 2019, 12:19:54 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://www.ssosawang.com/board/index.php?topic=169416.new#new Tags : ทำเว็บไซต์,เขียนเว็บไซต์
|