clip image css
<!DOCTYPE html>
<html>
<head>
<style>
img.clip{
position: absolute;
clip: rect(25px, 100px, 100px, 25px);
}
</style>
</head>
<body>
<h2>Original Image</h2>
<img src="images/smile.png">
<!--Replace with your image url-->
<h2>Clipped Image</h2>
<img class="clip" src="images/smile.png">
<!--Replace with your image url-->
</body>
</html>