หลักสูตรสื่อมัลติมีเดีย - ใช้รูปภาพบน Web

บทความนี้เน้นถึงเงื่อนไขที่ใช้ภาพและข้อความ วิธีที่จะเร่งการดาวน์โหลดภาพและทางเลือกภาพกราฟิกที่เหมาะสม

ขณะที่ใช้ภาพ

สำหรับภาพกราฟิกส่วนใหญ่ ภาพกราฟิกหนึ่งใบอาจมากกว่าพูดพันคำ แต่ยังคงต้องระวังว่าไม่มีใครจะเห็นคนที่พูดเหนือปากเกินไป สิ่งที่สำคัญที่สุดคือต้องใช้ภาพกราฟิกของเอกสารในฐานะเครื่องมือการทางฟิสิกส์ ไม่ใช่เพียงการตกแต่งที่ไม่มีเหตุผล ซึ่งควรสนับสนุนเนื้อหาของข้อความ และช่วยผู้อ่านในการเดินทางทางเอกสาร การใช้ภาพทำให้เนื้อหาของเอกสารชัดเจนขึ้น และยังสามารถใช้เพื่อใส่ความเห็นหรือตัวอย่างด้วย ภาพที่สนับสนุนเนื้อหา เช่น ภาพถ่ายสินค้า กราฟิก ทางแบบแบ่งเนื้อหา แผนที่และภาพเขียน เป็นทางเลือกที่เหมาะสมและธรรมดามาก ตัวอย่างเช่น ภาพถ่ายสินค้าเป็นส่วนสำคัญของประวัติการและแนวทางการซื้อออนไลน์ อีกทั้งตัวแสดงที่มีลิงก์ และสัญลักษณ์พิมพ์ รวมถึงภาพที่มีทัศน์ทางการเคลื่อนไหว เป็นส่วนที่มีประโยชน์มากในการชนะด้านข้อมูลหรือแหล่งข้อมูลภายนอก ถ้าภาพกราฟิกเหล่านี้ไม่มีบทบาทใดๆ นั้น ควรจะยกเลิกเอาไว้เสีย

ขณะที่กำลังคิดถึงการเพิ่มภาพกราฟิกเข้าสู่เอกสาร อีกปัจจัยสำคัญหนึ่งคือ ความล่าช้าในด้านการค้นหาที่มีอยู่จากการส่งเสริมข้อมูลผ่านเครือข่าย โดยเฉพาะการส่งเสริมข้อมูลผ่านโมดุลาตอร์ อัตราการส่งข้อมูลทั่วไปของเอกสารสามารถจัดได้ที่ 10-15 ไคโลไบต์ และภาพกราฟิกสามารถขยายได้ไปถึงหลายร้อยไคโลไบต์ด้วย นอกจากนี้ ระยะเวลาที่ใช้ในการดาวน์โหลดของเอกสารทั้งหมดไม่เพียงแค่เป็นรวมของส่วนทุกส่วน ยังต้องทำนายการล่าช้าที่มีอยู่จากการรับโหลดของเครือข่ายด้วย

ตามความเร็วการเชื่อมต่อ (หรือความกว้างของเครือข่าย)bandwidthส่วนผสมที่ใช้บิตต์ต่อวินาที (bps) หรือบิตต์ต่อวินาที (b/s) และสถานการณ์ที่อาจลดความเร็วการเชื่อมต่อเช่นเดียวกับบริการปิดกั้นเครือข่าย การดาวน์โหลดเอกสารแบบเดี่ยวของภาพกราฟิกขนาด 100 KB อาจต้องใช้เวลาเวลาตอนดึงหรือเวลาก่อนเที่ยงคืน เมื่อหลายคนยังหลับอยู่ ด้วยโมดุลาตอร์ 57.6 Kbps ใช้เวลาประมาณ 15 วินาทีเพื่อทำการดาวน์โหลด และอาจใช้เวลามากกว่า 10 นาทีเมื่อใช้โมดุลา 9600 bps ในตอนกลางวันด้วย คุณได้ภาพนี้แล้วไหม？

ต้องการแน่ใจว่า การใช้ภาพและสื่อมัลติมีเดียจะกระตุ้นให้ผู้ให้บริการอินเทอร์เน็ตหาวิธีที่รวดเร็ว ดีและแข็งแรงที่สุดเพื่อจัดสรรเนื้อหาของเว็บ ไม่นานหลังจากนั้น การเชื่อมต่อดาวน์โหลด 56 Kbps จะเหมือนเด็กม้าและรถบัส ที่จะออกจากประวัติศาสตร์ (เหมือน 9600 bps มอเตอร์โปรแมกเกอร์) และจะถูกแทนที่ด้วยเทคโนโลยีใหม่เช่น แคเบิ้ลโมเดมาต์เตอร์และ ADSL ในความเป็นจริง การเชื่อมต่อส่วนใหญ่จะเร็วกว่า 1Mbps

ด้วยราคาที่ลดลง การใช้งานเครือข่ายจะเพิ่มขึ้นอย่างต่อเนื่อง และนำไปสู่ปัญหาการล็อกอย่างง่าย ถ้าคุณกำลังพยายามเข้าถึงเซิร์ฟเวอร์ที่กำลังทำงานหนัก ไม่ว่าความเร็วการเชื่อมต่อของคุณจะเร็วเท่าไร ก็ไม่สามารถเข้าถึงได้

เมื่อใดที่ควรใช้ข้อความ

ข้อความไม่ได้หมดประสิทธิภาพ สำหรับบางผู้ใช้ ข้อความเป็นส่วนเดียวที่สามารถเข้าถึงได้ในเอกสารของพวกเขา พวกเราแนะนำว่าในส่วนใหญ่ เอกสารควรสามารถเข้าถึงได้โดยทุกคน รวมทั้งผู้ที่ไม่สามารถดูภาพ หรือผู้ที่ปิดการดาวน์โหลดอัตโนมัติของภาพโดยเว็บเบราว์เซอร์เพื่อปรับปรุงการเชื่อมต่อเครือข่าย ถึงแม้ว่าความต้องการที่จะเพิ่มภาพเข้าไปในเอกสารอาจจะมีอย่างแข็งขัน แต่บางตอนเอกสารที่เป็นข้อความแบบเดียวจะมีความหมายมากกว่า

เอกสารที่ส่งผลออกมาเป็นเว็บเพจจากแบบแบบอื่นนั้นน้อยมากที่มีภาพที่ฝังอยู่ และอ้างอิงและเนื้อหาที่สำคัญอื่นๆ มักจะมีรูปแบบข้อความที่สามารถใช้ได้เต็มที่

ในกรณีที่ความเร็วในการเข้าถึงมีความสำคัญยิ่ง ควรสร้างเอกสารที่เป็นข้อความแบบเดียว หากคุณทราบว่าผู้ใช้อาจต้องการเอกสารของคุณอย่างเร่งด่วน คุณควรหลีกเลี่ยงการใช้ภาพในเอกสารเพื่อปรับปรุงความต้องการของผู้ใช้นั้น ในบางกรณีที่เป็นที่สุด คุณอาจจะเสนอหน้าเว็บหลัก (หน้านำ) ที่ให้ผู้ใช้โอกาสที่จะเลือกเอกสารที่คุณทำขึ้นทั้งสองตัว หนึ่งที่มีภาพ และหนึ่งที่ละทิ้งภาพ (เว็บเบราว์เซอร์ทั่วไปมีสัญลักษณ์ภาพพิเศษสำหรับภาพที่ยังไม่ได้ดาวน์โหลด ซึ่งอาจทำให้ละแวกเอกสารถูกทำลายหรือกลายเป็นสิ่งที่ไม่สามารถอ่านได้)

ถ้าคุณต้องการให้เอกสารของคุณง่ายต่อการค้นหาโดยบริการค้นหาหลายตัวบนเว็บ ข้อความเป็นรูปแบบที่เหมาะสมที่สุด - แค่สนับสนุนภาพ แต่ไม่สนับสนุนกราฟิกที่ไม่จำเป็นและกราฟิกที่ไม่เหมาะสม แต่เจ้าหน้าที่ของเครื่องค้นหาทั่วไปจะละเลยภาพเหล่านั้น ถ้าหากเนื้อหาหลักของหน้าเว็บของคุณได้มาจากภาพ ข้อมูลเกี่ยวกับเอกสารของคุณในประวัติการเข้าถึงเว็บออนไลน์จะมีน้อยมาก

เพิ่มความเร็วในการดาวน์โหลดภาพ

นอกจากการเลือกตัวแทนที่จะใส่ในเอกสารอย่างระมัดระวังแล้ว ยังมีวิธีหลายที่จะช่วยปรับปรุงปัญหาการทำงานและการล่าช้าที่เกิดจากภาพรวมถึง

รักษาความเรียบง่าย

ภาพกราฟิกในที่สุดของสี 24 บิต แม้จะมีการปรับปรุงขนาดด้วยการกัมพ์ที่มีมาตรฐาน (เช่น GIF หรือ JPEG และอื่น ๆ) ก็จะยังคงทำให้ใช้บางส่วนของบริเวณเครือข่ายมากขึ้น ดังนั้น ดีที่จะใช้เครื่องมือจัดการภาพที่มีประสิทธิภาพเพื่อปรับปรุงขนาดของภาพ และลดจำนวนสีที่ใช้เป็นน้อยที่สุด ระบบที่เรียบง่าย และหลีกเลี่ยงการใช้ภาพที่มีสถานที่ว่างใหญ่ และขอบเขตที่ไม่จำเป็น และองค์ประกอบที่ใช้ที่มีความใช้งาน ยังคงหลีกเลี่ยงการใช้เทคนิคการเคลื่อนที่ของสี (การผสมสีที่ใกล้เคียงกันเพื่อให้ได้สีที่เป็นสีที่สาม) ซึ่งจะลดความสามารถในการกัมพ์ของภาพ ทั้งยังคงใช้สีที่เป็นเพื่อนที่เหมือนกันในบริเวณใหญ่ เพราะมันสามารถกัมพ์ได้ง่ายด้วยรูปแบบ GIF หรือ JPEG

การประยุกต์ภาพ

นี่เป็นสิ่งที่เหมาะสมกับไอคอนและ GIF อนิเมชัน ส่วนใหญ่ของบราวเซอร์จะบันทึกองค์ประกอบที่นำเข้ามาในความจำเก็บท้องที่ เพื่อใช้ในการทำงานเร็วขึ้นและใช้ความสัมพันธ์เครือข่ายน้อยกว่า สำหรับไฟล์ GIF อนิเมชันที่เล็ก จะควรจัดการภาพต่อเนื่องตามลำดับ เพื่อที่จะปรับปรุงเฉพาะส่วนที่เปลี่ยนแปลงในอนิเมชัน แทนที่จะปรับปรุงภาพทั้งหมด

แบ่งเอกสารใหญ่

นี่เป็นกฎทั่วไปสำหรับการใช้ภาพ หลายบทความเล็กๆมักจะถูกจัดเรียงด้วยโฮลด์ลิงก์ (แน่นอนว่าจะใช้มัน!) และประกาศที่มีประสิทธิภาพ เพื่อที่ผู้ใช้จะรู้สึกว่ามันง่ายกว่าในการอ่านเอกสารใหญ่เมื่อเทียบกับบทความใหญ่ๆ โดยทั่วไป มนุษย์มักจะมีความยินดีกว่าจะเลื่อนหน้าระหว่างหน้าต่างกัน กว่าจะใช้เวลาอย่างไม่มีประโยชน์ในการลงทุนเวลาในการดาวน์โหลดเอกสารใหญ่ ซึ่งมีความเหมือนกับโรคทางสุขภาพของช่องทางทีวี ทางประสบการณ์ที่ดีคือ ที่จะรักษาขนาดของเอกสารในระวัง 50 KB ในการที่ผู้อ่านที่ใช้การเชื่อมต่อที่เร็วที่สุดก็จะไม่รู้สึกผิดหวัง

แยกกราฟิกใหญ่เมื่อจำเป็น

เปิดโฮลด์ลิงก์สำหรับภาพใหญ่มาก ซึ่งอาจเป็นภาพที่ย่อยายของภาพ เพื่อให้ผู้อ่านตัดสินว่าจะใช้เวลาดาวน์โหลดภาพทั้งหมดหรือไม่ และในเวลาไหน และด้วยเหตุผลที่ภาพเช่นนี้ไม่มีการผสมผสานกับองค์ประกอบอื่นในเอกสาร เพียงแค่ภาพที่แสดงออกมาโดยตรงและสามารถเก็บเกี่ยวกับการใช้งานที่เป็นเป้าหมายต่อไปนี้

กำหนดขนาดของภาพ

สุดท้าย อีกวิธีหนึ่งที่สามารถปรับปรุงการทำงานได้คือ รวมความยาวและความกว้างของขอบของตารางภาพเข้าไปในแท็กของมัน เมื่อกำหนดขนาดเหล่านี้ ก็จะลดการกระทำเพิ่มเติมบางอย่าง แบบแพลตฟอร์มบราวเซอร์ที่มีความสามารถขยายฟีเจอร์ไม่จำเป็นต้องดาวน์โหลด ตรวจสอบ และคำนวณขนาดของภาพในเอกสาร อย่างไรก็ตาม วิธีนี้มีข้อบกพร่องเล็กน้อยหนึ่ง ถ้าผู้ใช้ปิดการดาวน์โหลดภาพอัตโนมัติ บราวเซอร์ยังจะแสดงช่องว่างที่เหลือเปิดด้วยขนาดที่กำหนดไว้ ซึ่งมักจะให้ผู้อ่านเห็นเป็นแตงเตาที่ว่างเปล่า ถึงแม้ยังไม่มีทางแก้ปัญหานี้ แต่เรายังคงสนับสนุนให้คุณใช้คุณสมบัติขนาดนี้ เพราะเราสนับสนุนทุกการกระทำที่สามารถปรับปรุงการทำงานของเครือข่าย

JPEG หรือ GIF?

หากต้นฉบับรูปภาพหรือโปรแกรมเครื่องมือของคุณมีแนวโน้มที่จะใช้รูปแบบเฉพาะ คุณอาจจะสามารถใช้รูปภาพ JPEG หรือ GIF แบบเดียวเท่านั้น ขณะนี้ ทั้งสองรูปแบบนี้ได้รับการสนับสนุนโดยบราวเซอร์อย่างกว้างขวาง ดังนั้นจึงไม่มีปัญหาว่าผู้ใช้จะสามารถดูได้หรือไม่

อย่างไรก็ตาม เรายังแนะนำให้คุณใช้เครื่องมือบางอย่างเพื่อสร้างหรือเปลี่ยนรูปแบบทั้งสองเพื่อใช้ประโยชน์จากความสามารถของแต่ละรูปแบบ ตัวอย่างเช่น สามารถนำคุณสมบัติที่มีการโปร่งในรูปภาพ GIF ใช้ในไอคอนและสัญลักษณ์เล็ก และใช้ JPEG ในการหุบรูปภาพใหญ่ที่มีสีมากเพื่อเร่งการดาวน์โหลด

ตามแบบ <img>

ตามแบบ <img> อนุญาตให้นำรูปภาพหรือแทนที่รูปภาพในกระแสเอกสารปัจจุบัน หากต้องการข้อมูลเพิ่มเติมเกี่ยวกับแบบตามแบบนี้ โปรดดู: