หัวข้อ: การพิจารณาเรื่อง ภาพสำหรับ ทำเว็บไซต์ เริ่มหัวข้อโดย: millioncandle ที่ กันยายน 12, 2018, 10:52:10 am ถ้าจะ พัฒนาเว็บไซต์ ซักเว็บไซต์ เรื่องภาพนั้นก๋มีส่วนสำคัญซึ่งพวกเราจำต้องเล่าเรียน
เรามาทดลองเล่าเรียนกันมองว่า สำหรับในการ เขียนเว็บไซต์นั้น อันที่จริงแล้ว ควรที่จะใช้ภาพแบบใด 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.thaielecclub.com/home/index.php?topic=15026.new#new Tags : ทำเว็บไซต์,ออกแบบเว็บไซต์,เขียนเว็บไซต์
|