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.
android 以太網和wifi共存
2.
沒那麼神祕,三分鐘學會人工智能
3.
k8s 如何 Failover?- 每天5分鐘玩轉 Docker 容器技術(127)
4.
安裝mysql時一直卡在starting the server這一位置,解決方案
5.
秋招總結指南之「性能調優」:MySQL+Tomcat+JVM,還怕面試官的轟炸?
6.
布隆過濾器瞭解
7.
深入lambda表達式,從入門到放棄
8.
中間件-Nginx從入門到放棄。
9.
BAT必備500道面試題:設計模式+開源框架+併發編程+微服務等免費領取!
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雪碧圖
>>更多相關文章<<