สมัยนี้ใช้ tag <picture></picture> กันแล้วครับ ง่าย สะดวก ถูกหลักโครงสร้างสมัยใหม่
แต่ไม่รองรับใน Browser รุ่นเก่าๆ นะครับ เพราะยังมีบาง user ที่ใช้ browser รุ่นเก่าอยู่ เช่น IE รุ่นเก่าๆ ก็ยังมีคนใช้อยู่นะครับ
ถ้าจะให้แสดงผลไดใน Browser เก่าๆ ก็ต้องใช้ Tag ที่ browser เข้าใจตรงกัน
หรือจะ import พวก javascript เข้ามาช่วย ก็เป็นอีกทางเลือกหนึ่ง (แต่อันนี้จะทำให้เว็บประมวลผลช้าลงอีก)
บางคนหันไปใช้ Bootstrap แทน แต่ Bootstrap เอง ก็ยังไม่รองรับ IE รุ่นที่ต่ำกว่า IE9
หลากหลายวิธี แต่ยังไงก็คงต้องคำนึงถึง USER เป็นหลัก เช่นเคย