在HTML中裁剪图像的最佳方法是什么？

Question

在HTML中裁剪图片的最佳方法是什么？

它将类似于以下内容：

<img src="something.gif" x1="10" y1="10" x2="20" y2="20">

如果这不起作用，那么我将只使用GIMP。有关如何以编程方式使其工作的任何想法？

Answer 1

这就是所谓的精灵，你可以阅读A List Apart这篇精彩的文章。

最后归结为：

#panel2b {
    width:50px;
    height:30px;
    background: transparent url(test-3.jpg) -96px -200px no-repeat;
}

Answer 2

如果你有很多切片，你也可以使用像this web based CSS Sprite Generator这样的工具来创建一个更大的图像。

[my similar question上有人带我到你的身边]。