หัวข้อ: การพิจารณาเรื่อง ภาพสำหรับ ทำเว็บไซต์ เริ่มหัวข้อโดย: millioncandle ที่ กันยายน 01, 2018, 03:18:34 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://cushingneurosciences.com/index.php?topic=239824.new#new Tags : ทำเว็บไซต์
|