在網頁設計中，圖片是不可或缺的一部分。而在網頁中，圖片分為大圖片和小圖片兩種。這兩種圖片在CSS中有著不同的處理方式。

對于大圖片，在網頁中加載速度相對較慢，需要進行性能優化處理。在CSS中，可以使用如下代碼進行處理：

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

該代碼可以使圖片以不超過父容器寬度的方式展示，并且高度會自適應。同時，為了優化圖片加載速度，可以將圖片進行壓縮處理。

對于小圖片，可以使用如下代碼進行處理：

img{
display:inline-block;
vertical-align:middle;
}

該代碼可以使小圖片水平排列，并且垂直居中。同時，可以使用圖標字體代替小圖片，來減少文件加載數量。