Advertisement
หากจะ ออกแบบเว็บไซต์[/b] ซักเว็บไซต์ เรื่องภาพนั้นก๋มีส่วนสำคัญซึ่งเราต้องเล่าเรีย
1.การอัปโหลดรูปภาพ รูปภาพจะต้องมีขนาดที่เหมาะสมต่อเว็บ แม้มีขนาดใหญ่เกินความจำเป็น อาจส่งผลให้เว็บโหลดนาน ผู้เข้าชมเกียจคร้านรอคอยแล้วก็กดปิดหน้าเว็บนั้นไปก่อน
2.การเลือกความละเอียดภาพ จำเป็นต้องเลือกภาพที่มีความละเอียดเหมาะสมกับขนาดที่ใช้งาน ความละเอียดของภาพ PPI (pixels per inch)
ที่เหมาะสมกับเว็บไซต์เป็น 72PPI ถึง 120 PPI ซึ่งเป็นความละเอียดที่หน้าแบบปกติที่ใช้งานการทั่วโลกสามารถแสดงได้ การกำหนดความละเอียดเป็น 72PPI จะช่วยทำให้ขนาดไฟล์เล็กลงได้มาก
นอกเหนือจากนี้เราควรจะรู้เพราะว่าภาพที่จะแสดงบนเว็บไซต์มีขนาดความกว้าง x ยาว กี่ pixels เพื่อคุ้มครองที่ภาพจะสูญเสียเนื้อหา เพราะเหตุว่าถ้าภาพแตก หรือเปล่าได้คุณภาพที่สมควร อาจจะทำให้เสียอารมณ์ในการเข้าชม โดยมีเครื่องไม้เครื่องมือที่ชื่อว่า Save For Web & Devices สามารถลดขนาดไฟล์ที่เป็นไฟล์ภาพและยังช่วยปรับความละเอียดภาพได้ตามต้องการ (Low, Medium, High, Very High, and Maximum) ควรจะเลือกให้เหมาะสมกับการใช้แรงงาน เพราะภาพความละเอียดต่ำทำให้เว็บโหลดได้เร็วขึ้นก็จริง แต่ว่าก็เสียความคมชัดไปด้วยเหมือนกัน
3.จุดโฟกัส แม้พวกเราทำให้ภาพมีจุดโฟกัสที่เด่น และก็สมควร ด้วยเหตุนั้นควรจะ crop ภาพให้พอเหมาะพอดี จะช่วยทำให้ภาพสื่อความหมายเยอะขึ้น
4.การเลือกใช้ภาพแล้วก็รูปร่างของภาพ ภาพถือเป็นคุณลักษณะเด่นสำคัญที่จะดึงดูดให้มีผู้เข้าชม ถ้าหากใช้ภาพไม่สวย หรือไม่กระจ่าง อาจก่อให้เป็นลักษณะเด่นทางด้านลบ นำมาซึ่งเป็นความไม่ชอบใจต่อผู้เข้าชม อีกทั้งสัดส่วนภาพต้องมีความเพียงพอ เพื่อความสมดุลแล้วก็สวยงาม
5.การเลือกใช้ไฟล์ (file format) โดยไฟล์แต่ละประเภทมีทั้งข้อดีและข้อเสีย ทั้งยังมีลักษณะการใช้งานแตกต่าง
- JPG (JPEG) : ไฟล์หลักสำหรับรูปถ่ายมีความละเอียดสูงให้สีที่สดใสและถูกต้อง
และไม่เหมาะสมกับภาพที่มี Text ประกอบด้วย
- PNG : ให้ความละเอียดที่สูงที่สำคัญเป็นทำพื้นหลังแบบโปร่งใสได้ มีเส้นขอบที่คมจึงเหมาะกับงานจำพวก
graphics, logos, charts หรืองานประเภทอื่นๆ
- GIF : เป็นไฟล์เดียวที่รองรับภาพเคลื่อนไหวที่เป็นกราฟิกง่ายๆประสิทธิภาพไม่สูงมากนัก ให้สีที่ไม่ตรงพอๆกับ JPG
- SVG : เป็นภาพแบบ vector จึงย่อขยายได้ไม่จำกัด
- PDF : เป็นไฟล์ที่เหมาะสมจะเปิดกับเครื่องใช้ไม้สอยอันหลากหลายชนิดเหมาะสมสุดๆกับการทำ e-book
เครดิต :
[url]http://www.spasum.com/index.php/topic,457545.new.html#new[/url]
Tags : ทำเว็บไซต์,ออกแบบเว็บไซต์,เขียนเว็บไซต์
