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