CSS是网页开发的必备技术之一，它可以帮助我们实现各种复杂的效果，其中之一就是切不规则图片。本文将介绍如何使用CSS来切不规则图片。

/* 使用Clip Path切不规则图片 */
img {
-webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
/* 使用SVG Mask切不规则图片 */
img {
mask: url('#mask');
}
svg {
position: absolute;
width: 0;
height: 0;
}
/* 定义SVG Mask */

以上是两种常用的方法，一种是使用CSS的Clip Path属性，另一种是使用SVG Mask。使用Clip Path需要定义多个点，以创建一个多边形，而使用SVG Mask则需要先定义一个SVG元素，并在其中定义一个Mask元素，以后包含需要切割的图像元素，并将Mask属性设置为之前定义的Mask元素。

需要注意的是，Clip Path不是在所有浏览器中都受支持。而使用SVG Mask可以在大多数现代浏览器中正常工作。另外，切割不规则图片可以提高页面的视觉效果，但也可能会影响页面的性能。因此，我们需要权衡这些因素并谨慎使用。