在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帶我到你的]。