HTML設置縮小背景圖片涉及到CSS中的background-size屬性。background-size屬性使用長度、百分比或關鍵字等值進行設置。這個屬性可以設置背景圖片的大小，讓圖片可以適應不同的尺寸。

background-size: value;

當value是長度或百分比時，背景圖片相對于元素的大小進行縮放。百分比值表示相對于容器元素的百分比。

background-size: 50%;

當value是關鍵字時，定義如下：

• auto: 圖片按原本大小展示
• contain: 圖片盡可能縮小，但保留原始比例，確保整個圖像都可以完整的展示在容器中
• cover: 圖片盡可能縮放，通過裁剪和填充容器來匹配容器的大小。所以此時圖片可能無法完整展示在容器中

background-size: contain;

需要注意的是，如果圖片的實際大小小于容器大小，那么設置背景圖片大小設置也沒有用，因為圖片可以自適應大小。