精靈形象設計/戰略

我昨天這樣一個問題：background repeat tiled bgImage inside an sprite image?精靈形象設計/戰略

所以只要不是更多鈔票重複背景至極的子畫面圖像的內部，

什麼是創建精靈的時候最好*策略？

我的意思是，選擇：

應該我試圖把所有的圖像在一個雪碧？（包括可以重複的大背景）
圖標的一個精靈。背景的一部分？
其他

*）當我說最好的，我的意思是最入店/可用/性能比較

來源

2011-10-18 Toni Michel Caubet

我總是創造three sprite sheets。

第一;對於那些圖像是not repeating根本就像箭頭，按鈕等。

秒;那些圖片repeating y-axis。

第三;爲那些圖片，其中repeating x-axis。

或如果在設計中沒有重複的圖像那麼就沒有必要另sprite sheets

精靈爲x軸http://imageshack.us/photo/my-images/401/xaxissprites.png/

精靈爲y軸http://imageshack.us/photo/my-images/28/yaxissprites.jpg/

來源

2011-10-18 07:45:25 sandeep

嘿！謝謝回答。要問一個「第二」和「第三」的樣本會有多大？：$ –

精靈是舊！有更新的技術可以使用。但是當你使用精靈時。我會讓一個精靈爲圖標和一個精靈爲其他圖像。

但你也可以使用數據uri/base64編碼圖像。這是圖像的新技術。並更換精靈。隨着精靈，你有http請求。使用數據URI你沒有http請求。它使你的網站更快！而網站的速度更重要。

這裏有一篇關於Click here的文章，在這裏您可以創建數據uri。 Here。但是在ie7中不支持數據URI。對於ie7，您可以對單張圖像進行回退。

使用數據uri並忘記精靈。 Sprites是2011年的一項技術。數據URI完全是2012年！ :-)

來源

2011-10-18 07:56:53

我真的需要支持IE7。你認爲值得嗎？我在「倒退」時損失了性能嗎？ –

您可以用簡單的圖像支持ie7。使用modernizr進行檢測。你設置。（.ie7 img {picture here} 有了數據uri，你在現代瀏覽器中擁有最好的性能，而在ie7中你幾乎沒有速度損失，但是我認爲，你希望有一個未來的網站。技巧在google中查看數據URI你可以找到很多文章告訴這些數據的uri比精靈好得多 –

在我看來，sprite必須先爲用戶定義。如果您的用戶因爲他們的權限而看到不同的頁面，您必須按照權限劃分您的小精靈。其次是背景和圖標，按鈕分組。每個圖像文件都有一個標題。在標題中，它們包含大小，色彩映射和任何其他信息。頭文件平均增加文件大小1KB - 3KB。所以我們可以認爲圖像少，數據傳輸少。總之，我建議你使用一個精靈。

其他認爲是這個工具。您可以使用精靈工具生成精靈並編寫您的CSS。這些工具正在生成最小圖像大小（使用一些算法來訂購精靈），並根據精靈表中的精靈位置自動生成CSS文件。如果你在Mac上，你可以使用Sprite Master。

來源

2012-01-05 09:55:19 bateristt

所以你剛剛發佈了這個軟件，呵呵？ –

精靈形象設計/戰略

回答

相關問題