.icon {
    width: 32px;
    height: 32px;
    display: inline-block;
    background-image: url('sprites.png'); /* 合并后的圖片文件 */
}

.icon1 {
    background-position: 0 0; /* 圖標(biāo)1在合并圖片中的位置 */
}

.icon2 {
    background-position: -40px 0; /* 圖標(biāo)2在合并圖片中的位置 */
}
   

   

    <picture>
    <source media="(max-width: 320px)" srcset="image-320w.jpg">
    <source media="(max-width: 480px)" srcset="image-480w.jpg">
    <source srcset="image-800w.jpg">
    <img src="image-default.jpg" alt="Responsive Image">
</picture>