|
หัวข้อ: การพิจารณาเรื่อง ภาพสำหรับ ทำเว็บไซต์ เริ่มหัวข้อโดย: ppumipat02 ที่ พฤษภาคม 07, 2019, 10:21:12 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.net4life.net/index.php/topic,67240.new.html#new Tags : ออกแบบเว็บไซต์,เขียนเว็บไซต์
|