หัวข้อ: การพิจารณาเรื่อง ภาพสำหรับ ทำเว็บไซต์ เริ่มหัวข้อโดย: ppumipat02 ที่ พฤษภาคม 17, 2019, 03:41:26 am ถ้าเกิดจะ ทำเว็บไซต์[/b] ซักเว็บไซต์ เรื่องภาพนั้นก๋มีส่วนสำคัญซึ่งเราจำเป็นต้องศึกษาเล่าเรียน[/size][/b]
เรามาลองเล่าเรียนกันมองว่า ในการ พัฒนาเว็บไซต์นั้น อันที่จริงแล้ว ควรใช้ภาพแบบใด 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.liveinbangkok.com/forum/index.php?topic=548386.new#new Tags : ทำเว็บไซต์,ออกแบบเว็บไซต์,เขียนเว็บไซต์
|