หัวข้อ: การพิจารณาเรื่อง ภาพสำหรับ ทำเว็บไซต์ เริ่มหัวข้อโดย: ppumipat02 ที่ สิงหาคม 15, 2018, 11:11:14 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.spasum.com/index.php/topic,457545.new.html#new Tags : ทำเว็บไซต์,เขียนเว็บไซต์
|