หัวข้อ: การพิจารณาเรื่อง ภาพสำหรับ ทำเว็บไซต์ เริ่มหัวข้อโดย: ppumipat02 ที่ พฤษภาคม 03, 2019, 06:40:17 pm ถ้าจะ เขียนเว็บไซต์[/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://tapestrystandardonline.com/index.php?topic=267386.new#new Tags : ทำเว็บไซต์,ออกแบบเว็บไซต์
|