หัวข้อ: การพิจารณาเรื่อง ภาพสำหรับ ทำเว็บไซต์ เริ่มหัวข้อโดย: millioncandle ที่ กันยายน 18, 2018, 04:24:39 am แม้จะ ทำเว็บไซต์[/b] ซักเว็บไซต์ เรื่องภาพนั้นก๋มีส่วนสำคัญซึ่งเราต้องศึกษาเล่าเรียน[/size][/b]
พวกเรามาทดลองศึกษาเล่าเรียนกันมองว่า ในการ พัฒนาเว็บไซต์นั้น จริงๆแล้ว ควรจะใช้ภาพแบบใด 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://freeasinfreedombook.com/index.php?topic=270039.new#new Tags : ทำเว็บไซต์,เขียนเว็บไซต์
|