หัวข้อ: การพิจารณาเรื่อง ภาพสำหรับ ทำเว็บไซต์ เริ่มหัวข้อโดย: ppumipat02 ที่ พฤษภาคม 20, 2019, 11:12:53 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://atae-andalucia.com/index.php?topic=269253.new#new Tags : ออกแบบเว็บไซต์
|