คุณเคยได้ยินว่าเว็บเป็นภาพที่ดีและมีภาพลักษณ์ที่ยอดเยี่ยมในเว็บไซต์ธุรกิจของคุณเป็นสิ่งสำคัญ
แต่ภาพเหล่านั้นอาจเป็นหายนะของผู้เยี่ยมชมเว็บไซต์ของคุณ บัญชีรูปภาพมีขนาด 1MB จาก 1.7MB ที่หน้าเว็บโดยเฉลี่ยมีอยู่
นี่อาจไม่เป็นปัญหาสำหรับผู้เยี่ยมชมของคุณบนคอมพิวเตอร์เดสก์ท็อปที่ใช้การเชื่อมต่ออินเทอร์เน็ตความเร็วสูง อย่างไรก็ตามหากคุณเห็นหรือต้องการดูปริมาณการใช้งานที่เพิ่มขึ้นจากผู้เข้าชมบนมือถือรูปภาพเหล่านั้นอาจเป็นปัญหา เว็บเพจที่มีรูปภาพจำนวนมากอาจใช้เวลาในการดาวน์โหลดนาน ผู้เข้าชมจะผิดหวังและออกจากเว็บไซต์ของคุณ
$config[code] not foundคุณอาจใช้การออกแบบเว็บที่ตอบสนองโดยคิดว่าจะแก้ปัญหามือถือของคุณทั้งหมด และมันเป็นความจริงที่การออกแบบเว็บที่ตอบสนองแก้ปัญหาได้บ้าง มันจัดเรียงและแสดงองค์ประกอบเว็บไซต์ของคุณโดยอัตโนมัติเพื่อให้ดูบนหน้าจอมือถือที่แคบกว่า
แต่การออกแบบเว็บที่ตอบสนองได้นั้นไม่ใช่คำตอบสำหรับทุกสิ่ง ไม่จำเป็นต้องแก้ปัญหาการดาวน์โหลดภาพ แม้จะมีการออกแบบที่ตอบสนองได้หลายครั้งที่ภาพหนาเหล่านั้นยังคงดาวน์โหลดอยู่ ในฐานะที่เป็นผู้เชี่ยวชาญด้านประสิทธิภาพการทำงานของเว็บ Yoav Weiss ชี้ให้เห็นอย่างชัดเจนบนเว็บไซต์ Opera:
“ Responsive Web Design RWD ผสมผสานความสามารถของเบราว์เซอร์ใหม่และเทคนิค CSS เพื่อสร้างเว็บไซต์ที่ปรับให้เข้ากับอุปกรณ์ที่แสดงพวกมันและดูดีในทุกที่ นักพัฒนาที่เปิดใช้งานจะหยุดกังวลเกี่ยวกับการตรวจจับอุปกรณ์ที่ไม่น่าเชื่อถือและคิดถึงเว็บไซต์ของพวกเขาในแง่ของขนาดวิวพอร์ต
แต่แม้ว่าเว็บไซต์ RWD จะดูแตกต่างกันไปในแต่ละอุปกรณ์ แต่ส่วนใหญ่ยังคงดาวน์โหลดทรัพยากรเดียวกันสำหรับอุปกรณ์ทั้งหมด”
ใหม่
หากคุณไม่ทราบอะไรเกี่ยวกับรหัส HTML คำจำกัดความที่ไม่ใช่ด้านเทคนิคคือ: เป็นภาษาพิเศษ เมื่อใช้เบื้องหลังในรหัสเว็บไซต์ของคุณภาษานี้จะให้คำแนะนำเกี่ยวกับวิธีที่เบราว์เซอร์ควรแสดงข้อความและรูปภาพ องค์ประกอบรูปภาพใหม่เป็นภาษามาร์กอัป HTML ชนิดหนึ่ง มันถูกเขียนเช่นนี้ (ต่อกลุ่มชุมชนรูปภาพตอบสนอง): องค์ประกอบรูปภาพเกี่ยวกับการตอบสนอง ภาพ ไม่ตอบสนอง ออกแบบ. สำหรับนักธุรกิจที่ไม่มีเทคนิคความแตกต่างนั้นอาจดูเล็กน้อย แต่เมื่อพูดถึงประสิทธิภาพของเว็บไซต์ของคุณบนอุปกรณ์มือถืออาจมีความสำคัญ ตามรายงาน ArsTechnica องค์ประกอบมาร์กอัปใหม่ระบุถึงปัญหาที่เกิดจากภาพที่ตั้งใจจะเห็นบนหน้าจอขนาดเต็ม - รูปภาพที่ไม่สามารถแปลได้ดีกับอุปกรณ์มือถือ
“ เมื่อเบราว์เซอร์พบองค์ประกอบรูปภาพก่อนอื่นให้ประเมินกฎใด ๆ ที่นักพัฒนาเว็บอาจระบุ *** จากนั้นหลังจากประเมินกฎต่างๆเบราว์เซอร์จะเลือกภาพที่ดีที่สุดตามเกณฑ์ของตัวเอง นี่เป็นคุณสมบัติที่ดีอีกประการหนึ่งเนื่องจากเกณฑ์ของเบราว์เซอร์สามารถรวมการตั้งค่าของคุณ ตัวอย่างเช่นเบราว์เซอร์ในอนาคตอาจเสนอตัวเลือกเพื่อหยุดภาพความละเอียดสูงไม่ให้โหลดผ่าน 3G โดยไม่คำนึงถึงองค์ประกอบรูปภาพใด ๆ บนหน้าเว็บ เมื่อเบราว์เซอร์รู้ว่าภาพใดเป็นตัวเลือกที่ดีที่สุดมันจะโหลดและแสดงภาพนั้นในองค์ประกอบ img อันเก่า …สิ่งที่เกิดขึ้นคือ Picture wraps แท็ก img หากเบราว์เซอร์เก่าเกินกว่าจะรู้ว่าต้องทำอะไร นักพัฒนาบางคนไม่ยอมรับองค์ประกอบรูปภาพใหม่ในตอนแรก เรื่องราวของ Ars Technica สรุปกระบวนการที่ผู้นำในชุมชนการพัฒนาเว็บดำเนินการเพื่อไปสู่จุดที่ $config[code] not found แต่ตอนนี้ปัญหาได้รับการแก้ไขโดยองค์ประกอบ HTML รูปภาพใหม่จะถูกนำมาใช้
ในฐานะนักธุรกิจสิ่งสำคัญที่ควรรู้คือ การนำองค์ประกอบรูปภาพ HTML มาใช้กับรูปภาพเป็นสิ่งที่ต้องหารือกับผู้พัฒนาเว็บของคุณ ผู้มีความรู้ด้านเทคนิคและผู้ที่ทำมันด้วยตนเองสามารถไปที่นี่เพื่อเรียนรู้วิธีการใช้องค์ประกอบรูปภาพ เป็นบทความที่เขียนโดย Scott Gilbertson ที่ยอดเยี่ยม รู้สึกอิสระที่จะใช้
รูปภาพ: Shutterstock RICG องค์ประกอบ HTML ของรูปภาพคืออะไร
ประเด็นสำคัญเกี่ยวกับ
