การพิจารณาเรื่อง ภาพสำหรับ ทำเว็บไซต์

[ppumipat02]

แม้จะ ทำเว็บไซต์ ซักเว็บ เรื่องภาพนั้นก๋มีส่วนสำคัญซึ่งพวกเราจะต้องเล่าเรียน
เรามาลองเล่าเรียนกันดูว่า สำหรับเพื่อการ ออกแบบเว็บไซต์นั้น ในความเป็นจริงแล้ว ควรที่จะใช้ภาพแบบใด
 
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

เครดิต : http://dmax-karte.com/index.php?topic=251705.new#new

Tags : ทำเว็บไซต์