任何推薦如何找到精靈圖像上的圖標位置

Question

我是新來的精靈，我想我理解改變背景位置來替換圖像的概念。 所以我有這個大的精靈PNG，我下載了，但我怎麼知道圖標的位置？

我沒有照相館，有沒有其他推薦的工具（免費）找到位置？

Answer 1

MSPaint在Windows 7上顯示相對於圖像的光標位置。如果使用選擇工具，它將顯示大小和位置。

GIMP或Paint.Net也可以工作。

Answer 2

GIMP或任何原始圖像編輯器會做。

Answer 3

你可能要考慮使用CSS Sprites generator。它會讓你的生活變得更輕鬆。

Answer 4

您可以使用tool like this並獲取精靈中圖標的背景位置。

您需要先上傳您的圖片，然後從精靈中選擇一個圖標。將生成CSS，只需複製生成的CSS並在您的課堂中使用它。

其他選項是

1. 你需要在Photoshop等圖像編輯器中打開圖像。從那裏你可以找到圖像中任何地方的X和Y位置。請注意，左上角是0,0。獲取x和y的位置並像這樣使用

   background-position：-310px -123px;

請注意X和Y座標前的「 - 」號。

1. 開始與

   背景位置：1px的1px的;

使用Firebug即時修改數值。通過試驗和錯誤的方法，你可以找到確切的位置。

Answer 5

您可以使用Sprite Cow查找圖標位置而無需使用外部程序。該網站提供複雜的圖標選擇可能性。