加载页面时的图像裁剪

Question

我是网络开发人员的新手。我遇到了这个问题 当页面加载时。我想将上面的图像裁剪为4个特定图像。 目前，我正在使用clip rect css来隐藏图像中不必要的部分。但是当我保存图像。我仍然得到原始图片

这是图片：

我的问题是：如何从原始图像中获取裁剪后的图像（4个特定箭头）并将这些图像保存在服务器中。请不要推荐画布，因为我的浏览器不兼容。

非常感谢你们看看并给我一个建议