CSS3自動裁剪照片是指將一張圖片按照設定的比例和尺寸進行裁剪，以適應不同尺寸的設備和頁面，以達到更好的用戶體驗。這是一種減少頁面加載時間、縮小圖片尺寸、良好顯示效果的技巧。

實現此功能需要使用CSS3中的background-size屬性，代碼如下：

img {
width: 100%;
height: auto;
background: url('picture.jpg') no-repeat center center;
background-size: cover;
}

其中，background-size: cover指將背景圖片擴展至完全覆蓋容器區域。通過設置width為100%和height為auto，確保圖片的寬度始終與容器寬度相同，高度根據寬度比例自適應變化。

此外，為了保證圖片顯示效果，在使用此技巧時，應注意選擇圖片的分辨率和尺寸，使其和頁面布局和設備屏幕大小相匹配，避免像素失真或加載時間過長。