iT邦幫忙

0

小圖示最佳化 - ASP.NET Sprite and Image Optimization

  • 分享至 

  • xImage
  •  

小圖示最佳化 - 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


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言