สิ่งที่นักออกแบบ มักจะพลาด !

หากพูดถึงเรื่องการออกแบบ สิ่งที่ควรให้ความสำคัญมากที่สุด ก็คือเรื่องรูปภาพ เพราะมีรายละเอียดมากมาย ทั้งไฟล์ชนิดต่างๆ ความละเอียด สี ซึ่งควรที่จะเลือกใช้งานให้เหมาะสมกับงานนั้นๆ ถึงแม้รูปภาพบนเว็บไซต์จะมีรายละเอียดเล็กๆน้อยๆ แต่เราก็ต้องใส่ใจทุกรายละเอียด ซึ่งนักออกแบบหลายคนได้พลาดในส่วนนี้เยอะ และจะทำให้ส่งผลเสียกับเว็บไซต์ไม่มากก็น้อยเลยทีเดียว

4 ข้อเกี่ยวกับรูปภาพบนเว็บไซต์ที่นักออกแบบมักพลาด
1.upload รูปภาพที่ไม่ได้ปรับให้ใช้งานกับเว็บไซต์
การใช้งานรูปภาพที่ไม่ได้ปรับให้เหมาะกับเว็บไซต์ จะทำให้เว็บไซต์นั้นช้า ถ้าขนาดไฟล์ของคุณมีขนาดที่ใหญ่จนเกินไป หน้าเว็บของคุณก็จะโหลดนานตามไปด้วย ซึ่งจะทำให้ผู้ชมรอไม่ไหวและกดปิดไปซะก่อน

2.เลือกให้ความละเอียดภาพ ไม่เหมาะกับขนาดที่จะใช้งาน
ความละเอียดของภาพ PPI (pixels per inch) ที่เหมาะสมกับเว็บไซต์คือ 72PPI ถึง 120 PPI ซึ่งเป็นความละเอียดที่หน้าแบบปกติที่ใช้งานการทั่วโลกสามารถแสดงได้ ซึ่งการกำหนดความละเอียดเป็น 72PPI จะช่วยให้ขนาดไฟล์เล็กลงได้มาก นอกจากนี้เราควรจะรู้ด้วยว่าภาพที่จะแสดงบนเว็บไซต์มีขนาดความกว้างยาว กี่ pixels เพื่อป้องกันที่ภาพจะสูญเสียรายละเอียด ถูกตัด หรือถูกยืด 

3.จุดโฟกัสของภาพ
การ Crop จะเป็นตัวเลือกสำคัญถ้าหากว่าภาพของคุณมีจุดที่ไม่สำคัญมากเกินไป การ Crop ภาพ บางทีจะช่วยเปลี่ยนอารมณ์ของภาพนั้นให้มีมิติมากขึ้น แต่อย่าลืมว่าถ้าคุณต้องการ Crop เพียงจุดเล็กเกินไป ภาพที่เลือกมาใช้งานก็ต้องมีความละเอียดที่มากพอเช่นกัน

4.สัดส่วนภาพ
เรื่องสำคัญอันดับต้นๆ ที่ทำให้ภาพอันสวยหรูของคุณกลายเป็นภาพแย่ๆ ลงภายในพริบตาเดียว สัดส่วนภาพที่บิดเบี้ยวมักจะเกิดจากการปรับแต่งภาพ หรือการย่อภาพที่ผิดวิธี หรือบางที Code บนเว็บไซต์เราก็เป็นสาเหตุหนึ่งที่ทำให้ภาพผิดสัดส่วนได้ ดังนั้นเราควรจะกำหนดขนาดเอาไว้ให้แน่นอนไปเลย ว่าส่วนนี้ใช้ขนาดเท่าไหร่ จะเป็นการป้องกันปัญหาสัดส่วนเพี้ยนไปจากเดิมได้มากเลยทีเดียว

ถึงแม้จะเป็นรายละเอียดเล็กๆน้อยๆ แต่ก็ไม่ควรพลาดอย่างยิ่ง เพราะภาพถือเป็นหัวใจสำคัญเลยก็ว่าได้

 

 

 

ที่มา : grappik