JavaShuo
欄目
標籤
Photoshop - 如何用 PS 合成一張 Sprite 圖(雪碧圖)
時間 2021-01-02
原文
原文鏈接
UI設計,尤其是web UI,經常會聽到開發人員說「你幫我把圖標合成一張雪碧圖吧」雪碧圖,真正的名稱是Sprite圖,也就是說把網頁需要的全部圖標合成在一張背景圖上一次完成加載,其目的是減少服務器的請求次數。下面就是在PS中合成雪碧圖需要注意的事項,包括如何在原雪碧圖中增加圖標。 方法 / 步驟 新建一個文檔,爲了示例用,我準備每個圖標占據寬和高各100px,實際應用中可能比較小,建議用整倍數便於
>>阅读原文<<
相關文章
1.
Tool-生成雪碧圖(sprite)
2.
CSS Sprite雪碧圖
3.
雪碧圖(sprite)
4.
Sprite - 雪碧圖
5.
css sprite 雪碧圖
6.
CSS Sprite雪碧圖應用
7.
FIS 雪碧圖sprite合併
8.
css Sprite雪碧圖
9.
關於css雪碧圖sprite
10.
CSS Sprite——CSS雪碧圖
更多相關文章...
•
XSD 如何使用?
-
XML Schema 教程
•
R 繪圖 - 餅圖
-
R 語言教程
•
Java Agent入門實戰(一)-Instrumentation介紹與使用
•
RxJava操作符(一)Creating Observables
相關標籤/搜索
如圖
雪碧
用圖
sprite
photoshop
幾何圖形
組合圖
Spring教程
SQLite教程
PHP 7 新特性
應用
0
分享到微博
分享到微信
分享到QQ
每日一句
每一个你不满意的现在,都有一个你没有努力的曾经。
最新文章
1.
1.2 Illustrator多文檔的幾種排列方式
2.
5.16--java數據類型轉換及雜記
3.
性能指標
4.
(1.2)工廠模式之工廠方法模式
5.
Java記錄 -42- Java Collection
6.
Java記錄 -42- Java Collection
7.
github使用
8.
Android學習筆記(五十):聲明、請求和檢查許可
9.
20180626
10.
服務擴容可能引入的負面問題及解決方法
本站公眾號
歡迎關注本站公眾號,獲取更多信息
相關文章
1.
Tool-生成雪碧圖(sprite)
2.
CSS Sprite雪碧圖
3.
雪碧圖(sprite)
4.
Sprite - 雪碧圖
5.
css sprite 雪碧圖
6.
CSS Sprite雪碧圖應用
7.
FIS 雪碧圖sprite合併
8.
css Sprite雪碧圖
9.
關於css雪碧圖sprite
10.
CSS Sprite——CSS雪碧圖
>>更多相關文章<<