小圖示最佳化 - ASP.NET Sprite and Image Optimization
(ASP.NET Web Form & MVC都可以使用)
http://www.dotblogs.com.tw/mis2000lab/archive/2015/10/23/aspnet-webform-css-sprite-image-optimization.aspx
透過 NuGet安裝ASP.NET Sprite的套件,這個套件可以用在 Web Form 或 ASP.NET MVC。
可以將您的小圖示(icon)合併成一張圖,透過 CSS Sprites的方式,減少瀏覽器跟Web Server之間的圖檔傳遞,藉此增加效率。
透過 NuGet安裝下面的套件,可以將您的小圖示(icon)合併成一張圖
透過 CSS Sprites的方式,減少瀏覽器跟Web Server之間的圖檔傳遞,藉此增加效率。
您常看見的 Google 塗鴉(特定節日,Google的標示會有一段動畫)
也會用到這樣的效果喔!
在 NuGet裡面,搜尋關鍵字「aspnetsprites」即可
這個套件可以用在 Web Form 或是 ASP.NET MVC
安裝完成後,會出現一個 App_Sprites目錄
然後,我把幾個「小圖示」的圖片,複製到這個新的 App_Sprites目錄裡面
(不要把你所有的圖檔,尤其是 "大圖檔" 通通擺進去)
記得喔!要建置您的網站或專案,才會幫您處理
詳見全文 :
小圖示最佳化 - ASP.NET Sprite and Image Optimization
http://www.dotblogs.com.tw/mis2000lab/archive/2015/10/23/aspnet-webform-css-sprite-image-optimization.aspx