หัวข้อ: การพิจารณาเรื่อง ภาพสำหรับ ทำเว็บไซต์ เริ่มหัวข้อโดย: ppumipat02 ที่ สิงหาคม 13, 2018, 01:09:12 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://otacom.net/forum/index.php/topic,439106.new.html#new Tags : ทำเว็บไซต์,ออกแบบเว็บไซต์
|