在網頁開發中，CSS經常用來控制圖片的尺寸和呈現方式，其中計算圖片的寬度是一個常見的問題。下面將介紹兩種常見的計算圖片寬度的方法：

方法一：使用百分比

img {
width: 50%;
max-width: 100%;
height: auto;
}

上述代碼將圖片的寬度設置為父元素寬度的50%，若父元素寬度為800px，則圖片寬度為400px。同時，使用max-width屬性限定了圖片寬度不超過其原始大小，保證圖片不會被拉伸變形。

方法二：使用vw單位

img {
width: 50vw;
max-width: 100%;
height: auto;
}

上述代碼將圖片的寬度設置為視窗寬度的50%，若屏幕寬度為1600px，則圖片寬度為800px。同樣使用了max-width屬性限制了圖片尺寸，以保證圖片不失真。

兩種方法均可實現計算圖片寬度的效果，視具體需求而定。同時，也需要注意圖片大小的優化，以避免影響網頁加載速度。