CSS是前端開發的重要組成部分，它可以用來美化網頁，使網頁更加美觀，易讀。其中，對于網頁中大圖的處理是一個比較重要的問題，而取小圖則是解決這個問題的一種方法。

例如，下面這個CSS代碼可以對大圖片進行裁剪和縮放，將其變成小圖：
img {
width: 200px;
height: 200px;
object-fit: cover;
}

上述代碼中，我們針對標簽應用了一些CSS樣式。通過設置整個圖片的寬和高為200個像素，并將它的object-fit屬性設置為了cover，可以使得大圖以適應內容的方式展示在相應位置上，并自動適應視口大小。

另一種處理大圖的方法則是使用“懶加載”，該技術可以減少初始頁面加載時間，只有當圖片將要進入可視區域時才開始加載。

例如，下面這段示例代碼可以利用jQuery庫中的lozad.js文件來懶加載圖片：
//引入lozad.js庫文件
<script src="https://cdn.jsdelivr.net/npm/lozad@1.14.0/dist/lozad.min.js"></script>
//在標簽中應用自定義的類和lozad屬性
<img class="lozad" data-src="image.jpg" width="600" height="400">
//初始化lozad類
<script>
const observer = lozad();
observer.observe();
</script>

通過應用自定義類名和lozad屬性，我們可以在數據src屬性中添加圖片的真實路徑，然后使用lozad類來初始化懶加載。當頁面滾動時，懶加載插件會檢測每個擁有.lozad類的元素是否進入視口范圍，然后開始異步加載與該元素關聯的圖像。

綜上所述，通過這兩種方法，我們可以有效地處理大圖，避免網頁加載時間過長，提高網頁性能和用戶體驗。