近年來，CSS已經成為前端開發中不可或缺的一部分，它在網頁中扮演著調整樣式、排版、布局等重要角色。當我們在頁面中插入圖片時，有時候需要對圖片的大小進行調整，此時我們可以使用CSS來實現。 首先，我們需要明確的是，圖片的大小可以通過給img標簽添加width和height屬性進行控制，例如：

上面的代碼將example.jpg圖片的寬度設置為200像素，高度自適應。但是，這種方式需要手動計算圖片的寬度和高度，比較麻煩。因此，我們可以通過CSS樣式表來避免這個問題。 我們可以在CSS樣式表中使用以下代碼來設置圖片的寬度和高度：

img {
width: 200px;
height: auto;
}

上面的代碼中，我們設置了所有img標簽的寬度為200像素，高度自適應。當我們在HTML中插入圖片時，這個樣式會自動生效。 除了上述方式，我們還可以使用該元素的一個特殊屬性 - class來設置其樣式。我們可以為某一個或多個img元素添加class，以便指定它對應的樣式規則。

對應的CSS樣式規則：

.small-pic {
width: 200px;
height: auto;
}

通過這樣的方式，我們可以很方便地為不同的圖片設置不同的樣式，使其更符合頁面的布局要求。 總結來說，使用CSS更改插入圖片的大小是一種非常簡單和靈活的方式。我們可以針對不同的情況，設置不同的樣式規則，從而達到更好的設計效果。