<div class="markdown-here-wrapper" data-md-url="https://i.cnblogs.com/EditPosts.aspx?opt=1">
<h3 id="-" style="margin: 1.3em 0px 1em; padding: 0px; font-weight: bold; font-size: 1.3em">常用图片格式
<h5 id="1-psd" style="margin: 1.3em 0px 1em; padding: 0px; font-weight: bold; font-size: 1em">1、psd
1、使用psd格式并且带有图层的图像切图
2、在图像上用切片工具切出需要的小图
3、双击切片，给切片命名
4、将需要制作透明背景图像的切片的背景隐藏
5、执行菜单命令 存储为web所用格式
6、点选切片，设置切片的图片格式
7、存储切片，选择“所有用户切片”，点存储(多个切片会自动存到所选文件夹中的images文件夹中)
<h3 id="photoshop-" style="margin: 1.3em 0px 1em; padding: 0px; font-weight: bold; font-size: 1.3em">Photoshop制作雪碧图技巧
步骤：
1、使用Photoshop新建一张背景透明的图片
2、将小图片复制到此图片中，排列好每个图像的位置，图片幅面不够可以用画布大小调整大小
3、按照所有小图片的范围裁剪图片，存为透明背景的png图片
<div style="height: 0; width: 0; max-height: 0; max-width: 0; overflow: hidden; font-size: 0em; padding: 0; margin: 0" title="MDH:PHA+IyMjIOW4uOeUqOWbvueJh+agvOW8jzxicj4jIyMjIyAx44CBcHNkIDxicj5gYGA8YnI+cGhv
dG9zaG9w55qE5LiT55So5qC85byP44CCPGJyPuS8mOeCue+8muWujOaVtOS/neWtmOWbvuWDj+ea
hOS/oeaBr++8jOWMheaLrOacquWOi+e8qeeahOWbvuWDj+aVsOaNruOAgeWbvuWxguOAgemAj+aY
juetieS/oeaBr++8jOaWueS+v+WbvuWDj+eahOe8lui+keOAgjxicj7nvLrngrnvvJrlupTnlKjo
jIPlm7TnqoTvvIzlm77niYflrrnph4/nm7jlr7nmr5TovoPlpKfjgII8YnI+YGBgPGJyPiMjIyMj
IDLjgIFqcGcgPGJyPmBgYDxicj7nvZHpobXliLbkvZzlj4rml6XluLjkvb/nlKjmnIDmma7pgY3n
moTlm77lg4/moLzlvI/jgII8YnI+5LyY54K577ya5Zu+5YOP5Y6L57yp5pWI546H6auY77yM5Zu+
5YOP5a656YeP55u45a+55pyA5bCP44CCPGJyPue8uueCue+8muacieaNn+WOi+e8qe+8jOWbvuWD
j+S8muS4ouWkseaVsOaNruiAjOWkseecn++8jOS4jeaUr+aMgemAj+aYjuiDjOaZr++8jOS4jeiD
veWItuS9nOaIkOWKqOeUu+OAgjxicj5gYGA8YnI+IyMjIyMgM+OAgWdpZiAmbmJzcDs8YnI+YGBg
PGJyPuWItuS9nOe9kemhteWwj+WKqOeUu+eahOW4uOeUqOWbvuWDj+agvOW8j+OAgjxicj7kvJjn
grnvvJrml6DmjZ/ljovnvKnvvIzlm77lg4/lrrnph4/lsI/jgIHlj6/ku6XliLbkvZzmiJDliqjn
lLvjgIHmlK/mjIHpgI/mmI7og4zmma/jgII8YnI+57y654K577ya5Zu+5YOP6Imy5b2p6IyD5Zu0
5pyA5aSa5Y+q5pyJMjU26Imy77yM5LiN6IO95L+d5a2Y6Imy5b2p5Liw5a+M55qE5Zu+5YOP77yM
5LiN5pSv5oyB5Y2K6YCP5piO77yM6YCP5piO5Zu+5YOP6L6557yY5pyJ6ZSv6b2/44CCIDxicj5g
YGA8YnI+IyMjIyMgNOOAgXBuZyAmbmJzcDs8YnI+YGBgPGJyPue9kemhteWItuS9nOWPiuaXpeW4
uOS9v+eUqOavlOi+g+aZrumBjeeahOWbvuWDj+agvOW8j+OAgjxicj7kvJjngrnvvJrml6DmjZ/l
jovnvKnvvIzlm77lg4/lrrnph4/lsI/jgIHmlK/mjIHpgI/mmI7og4zmma/lkozljYrpgI/mmI7o
ibLlvanjgIHpgI/mmI7lm77lg4/nmoTovrnnvJjlhYnmu5HjgII8YnI+57y654K577ya5LiN6IO9
5Yi25L2c5oiQ5Yqo55S7IDxicj5gYGA8YnI+IyMjIyMgNeOAgXdlYnAgPGJyPmBgYDxicj7lsIbo
poHlj5bku6NqcGfnmoTlm77lg4/moLzlvI/jgII8YnI+5LyY54K577ya5ZCManBn5qC85byP77yM
5a656YeP55u45a+55q+UanBn6L+Y6KaB5bCP44CCPGJyPue8uueCue+8muWQjGpwZ+agvOW8j++8
jOebruWJjeS4jeaUr+aMgeaJgOacieeahOa1j+iniOWZqOOAgjxicj5gYGA8YnI+IyMjIyMg5L2N
5Zu+5ZKM55+i6YeP5Zu+IDxicj5gYGA8YnI+5L2N5Zu+5Lmf5Y+r54K56Zi15Zu+77yM5piv55Sx
5LiA5Liq5Liq55qE5pa55b2i55qE5YOP57Sg54K55o6S5YiX5Zyo5LiA6LW35ou85o6l6ICM5oiQ
55qE77yM5L2N5Zu+5Zyo5pS+5aSn5pe277yM5Zu+5YOP5Lya5aSx55yf44CC5LiK6Z2i6K6y55qE
NeenjeWbvuWDj+mDveWxnuS6juS9jeWbvuOAgjxicj7nn6Lph4/lm77lkozkvY3lm77nu4TmiJDl
m77lg4/nmoTljp/nkIbkuI3lkIzvvIzlroPnmoTlm77lg4/ova7lu5PmmK/nlLHlh73mlbDmm7Ln
ur/nlJ/miJDnmoTvvIzlvZPmlL7lpKflm77lg4/ml7bvvIzlrp7pmYXnmoTljp/nkIblsLHmmK/l
sIbmm7Lnur/kuZjku6XkuIDkuKrlgI3mlbDvvIzlm77lg4/lj6/ku6XovbvmmJPlnLDmlL7lpKfv
vIzogIzkuJTkuI3kvJrlh7rnjrDlg4/ntKDlnZfvvIzlm77lg4/ovrnnvJjkuZ/kuI3kvJrlh7rn
jrDplK/pvb/jgII8YnI+YGBgPGJyPiMjIyMjIHN2Zzxicj5gYGA8YnI+55uu5YmN6aaW6YCJ55qE
572R6aG155+i6YeP5Zu+5qC85byP44CCPGJyPuS8mOeCue+8muWbvuWDj+WuuemHj+Wwj+OAgeWb
vuWDj+aUvuWkp+S4jeWkseecn+OAgeaUr+aMgemAj+aYjuiDjOaZr+WSjOWNiumAj+aYjuiJsuW9
qeOAgeWbvuWDj+i+uee8mOWFiea7keOAgjxicj7nvLrngrnvvJroibLlvankuI3lpJ/kuLDlr4zj
gIIgPGJyPmBgYDxicj4jIyMjIyBmbGFzaCA8YnI+YGBgPGJyPumAgOWHuuWOhuWPsueahOmHjemH
j+e6p+e9kemhteefoumHj+WbvuagvOW8j+OAgjxicj7kvJjngrnvvJrlm77lg4/lrrnph4/lsI/j
gIHlm77lg4/mlL7lpKfkuI3lpLHnnJ/jgIHmlK/mjIHpgI/mmI7og4zmma/lkozljYrpgI/mmI7o
ibLlvanjgIHlm77lg4/ovrnnvJjlhYnmu5HjgIHov5jlj6/ku6XliLbkvZzliqjnlLvjgIHlj6/n
vJblhpnkuqTkupLjgII8YnI+57y654K577ya5LiN5pSv5oyB5pCc57Si5byV5pOO44CB6L+Q6KGM
5oWi44CB5rWP6KeI5Zmo6ZyA6KaB6KOF5o+S5Lu25omN5Y+v5pSv5oyB44CCIDxicj5gYGA8YnI+
IyMjIyMg5oC757uTIDxicj5gYGA8YnI+5Zyo572R6aG15Yi25L2c5Lit77yM5aaC5L2V6YCJ5oup
5ZCI6YCC55qE5Zu+54mH5qC85byP5ZGi77yfPGJyPjHjgIHkvb/nlKjlpKfluYXpnaLlm77niYfm
l7bvvIzlpoLmnpzopoHkvb/nlKjkuI3pgI/mmI7og4zmma/nmoTlm77niYfvvIzlsLHkvb/nlKhq
cGflm77niYfvvJvlpoLmnpzopoHkvb/nlKjpgI/mmI7miJbogIXljYrpgI/mmI7og4zmma/nmoTl
m77niYfvvIzlsLHkvb/nlKhwbmflm77niYfvvJs8YnI+MuOAgeS9v+eUqOWwj+W5hemdouWbvueJ
h+aIluiAheWbvuagh+WbvueJh+aXtu+8jOWmguaenOWbvueJh+WQq+WkmuenjeminOiJsu+8jOWP
r+S7peS9v+eUqGdpZuaIlnBuZ+WbvueJh++8m+WmguaenOWbvueJh+aYr+WNleiJsu+8jOiAjOS4
lOimgeaxguacieW+iOWlveeahOaYvuekuuaViOaenO+8jOWPr+S7peS9v+eUqHN2Z++8m+Wmguae
nOaYr+WbvueJh+aXtuWKqOeUu+eahO+8jOWPr+S7peS9v+eUqGdpZuOAgjxicj5gYGA8YnI+IyMj
IHBob3Rvc2hvcOaJuemHj+WIh+WbvuaKgOW3pzxicj5gYGA8YnI+5YiH5Zu+77yM5bCx5piv5LuO
5pWI5p6c5Zu+5Lit5oqK572R6aG15Yi25L2c6ZyA6KaB55qE5bCP5Zu+54mH6KOB5Ymq5Ye65p2l
44CCPGJyPjxicj4x44CB5L2/55SocHNk5qC85byP5bm25LiU5bim5pyJ5Zu+5bGC55qE5Zu+5YOP
5YiH5Zu+PGJyPjxicj4y44CB5Zyo5Zu+5YOP5LiK55So5YiH54mH5bel5YW35YiH5Ye66ZyA6KaB
55qE5bCP5Zu+PGJyPjxicj4z44CB5Y+M5Ye75YiH54mH77yM57uZ5YiH54mH5ZG95ZCNPGJyPjxi
cj4044CB5bCG6ZyA6KaB5Yi25L2c6YCP5piO6IOM5pmv5Zu+5YOP55qE5YiH54mH55qE6IOM5pmv
6ZqQ6JePPGJyPjxicj4144CB5omn6KGM6I+c5Y2V5ZG95LukIOWtmOWCqOS4undlYuaJgOeUqOag
vOW8jzxicj48YnI+NuOAgeeCuemAieWIh+eJh++8jOiuvue9ruWIh+eJh+eahOWbvueJh+agvOW8
jzxicj48YnI+N+OAgeWtmOWCqOWIh+eJh++8jOmAieaLqeKAnOaJgOacieeUqOaIt+WIh+eJh+KA
ne+8jOeCueWtmOWCqCjlpJrkuKrliIfniYfkvJroh6rliqjlrZjliLDmiYDpgInmlofku7blpLnk
uK3nmoRpbWFnZXPmlofku7blpLnkuK0pIDxicj5gYGA8YnI+IyMjIFBob3Rvc2hvcOWItuS9nOmb
queip+WbvuaKgOW3pzxicj5gYGA8YnI+6Zuq56Kn5Zu+77yM5bCx5piv5bCG572R6aG15Yi25L2c
5Lit5L2/55So55qE5aSa5Liq5bCP5Zu+54mH5ZCI5bm25oiQ5LiA5Liq5Zu+54mH77yM5L2/55So
Y3Nz5oqA5pyv5bCG6L+Z5byg5ZCI5oiQ55qE5Zu+54mH5bqU55So5Zyo572R6aG15LiN5ZCM55qE
5Zyw5pa577yM6Zuq56Kn5Zu+5Y+v5Lul5YeP5bCR572R6aG15Yqg6L295pe255qEaHR0cOivt+ax
guaVsO+8jOS8mOWMlue9kemhteaAp+iDveOAgjxicj48YnI+5q2l6aqk77yaPGJyPjxicj4x44CB
5L2/55SoUGhvdG9zaG9w5paw5bu65LiA5byg6IOM5pmv6YCP5piO55qE5Zu+54mHPGJyPjxicj4y
44CB5bCG5bCP5Zu+54mH5aSN5Yi25Yiw5q2k5Zu+54mH5Lit77yM5o6S5YiX5aW95q+P5Liq5Zu+
5YOP55qE5L2N572u77yM5Zu+54mH5bmF6Z2i5LiN5aSf5Y+v5Lul55So55S75biD5aSn5bCP6LCD
5pW05aSn5bCPPGJyPjxicj4z44CB5oyJ54Wn5omA5pyJ5bCP5Zu+54mH55qE6IyD5Zu06KOB5Ymq
5Zu+54mH77yM5a2Y5Li66YCP5piO6IOM5pmv55qEcG5n5Zu+54mHPGJyPmBgYDxicj48YnI+PC9w
Pg==">
1、使用psd格式并且带有图层的图像切图
2、在图像上用切片工具切出需要的小图
3、双击切片，给切片命名
4、将需要制作透明背景图像的切片的背景隐藏
5、执行菜单命令 存储为web所用格式
6、点选切片，设置切片的图片格式
7、存储切片，选择“所有用户切片”，点存储(多个切片会自动存到所选文件夹中的images文件夹中)
<h3 id="photoshop-" style="margin: 1.3em 0px 1em; padding: 0px; font-weight: bold; font-size: 1.3em">Photoshop制作雪碧图技巧
步骤：
1、使用Photoshop新建一张背景透明的图片
2、将小图片复制到此图片中，排列好每个图像的位置，图片幅面不够可以用画布大小调整大小
3、按照所有小图片的范围裁剪图片，存为透明背景的png图片
<div style="height: 0; width: 0; max-height: 0; max-width: 0; overflow: hidden; font-size: 0em; padding: 0; margin: 0" title="MDH:PHA+IyMjIOW4uOeUqOWbvueJh+agvOW8jzxicj4jIyMjIyAx44CBcHNkIDxicj5gYGA8YnI+cGhv
dG9zaG9w55qE5LiT55So5qC85byP44CCPGJyPuS8mOeCue+8muWujOaVtOS/neWtmOWbvuWDj+ea
hOS/oeaBr++8jOWMheaLrOacquWOi+e8qeeahOWbvuWDj+aVsOaNruOAgeWbvuWxguOAgemAj+aY
juetieS/oeaBr++8jOaWueS+v+WbvuWDj+eahOe8lui+keOAgjxicj7nvLrngrnvvJrlupTnlKjo
jIPlm7TnqoTvvIzlm77niYflrrnph4/nm7jlr7nmr5TovoPlpKfjgII8YnI+YGBgPGJyPiMjIyMj
IDLjgIFqcGcgPGJyPmBgYDxicj7nvZHpobXliLbkvZzlj4rml6XluLjkvb/nlKjmnIDmma7pgY3n
moTlm77lg4/moLzlvI/jgII8YnI+5LyY54K577ya5Zu+5YOP5Y6L57yp5pWI546H6auY77yM5Zu+
5YOP5a656YeP55u45a+55pyA5bCP44CCPGJyPue8uueCue+8muacieaNn+WOi+e8qe+8jOWbvuWD
j+S8muS4ouWkseaVsOaNruiAjOWkseecn++8jOS4jeaUr+aMgemAj+aYjuiDjOaZr++8jOS4jeiD
veWItuS9nOaIkOWKqOeUu+OAgjxicj5gYGA8YnI+IyMjIyMgM+OAgWdpZiAmbmJzcDs8YnI+YGBg
PGJyPuWItuS9nOe9kemhteWwj+WKqOeUu+eahOW4uOeUqOWbvuWDj+agvOW8j+OAgjxicj7kvJjn
grnvvJrml6DmjZ/ljovnvKnvvIzlm77lg4/lrrnph4/lsI/jgIHlj6/ku6XliLbkvZzmiJDliqjn
lLvjgIHmlK/mjIHpgI/mmI7og4zmma/jgII8YnI+57y654K577ya5Zu+5YOP6Imy5b2p6IyD5Zu0
5pyA5aSa5Y+q5pyJMjU26Imy77yM5LiN6IO95L+d5a2Y6Imy5b2p5Liw5a+M55qE5Zu+5YOP77yM
5LiN5pSv5oyB5Y2K6YCP5piO77yM6YCP5piO5Zu+5YOP6L6557yY5pyJ6ZSv6b2/44CCIDxicj5g
YGA8YnI+IyMjIyMgNOOAgXBuZyAmbmJzcDs8YnI+YGBgPGJyPue9kemhteWItuS9nOWPiuaXpeW4
uOS9v+eUqOavlOi+g+aZrumBjeeahOWbvuWDj+agvOW8j+OAgjxicj7kvJjngrnvvJrml6DmjZ/l
jovnvKnvvIzlm77lg4/lrrnph4/lsI/jgIHmlK/mjIHpgI/mmI7og4zmma/lkozljYrpgI/mmI7o
ibLlvanjgIHpgI/mmI7lm77lg4/nmoTovrnnvJjlhYnmu5HjgII8YnI+57y654K577ya5LiN6IO9
5Yi25L2c5oiQ5Yqo55S7IDxicj5gYGA8YnI+IyMjIyMgNeOAgXdlYnAgPGJyPmBgYDxicj7lsIbo
poHlj5bku6NqcGfnmoTlm77lg4/moLzlvI/jgII8YnI+5LyY54K577ya5ZCManBn5qC85byP77yM
5a656YeP55u45a+55q+UanBn6L+Y6KaB5bCP44CCPGJyPue8uueCue+8muWQjGpwZ+agvOW8j++8
jOebruWJjeS4jeaUr+aMgeaJgOacieeahOa1j+iniOWZqOOAgjxicj5gYGA8YnI+IyMjIyMg5L2N
5Zu+5ZKM55+i6YeP5Zu+IDxicj5gYGA8YnI+5L2N5Zu+5Lmf5Y+r54K56Zi15Zu+77yM5piv55Sx
5LiA5Liq5Liq55qE5pa55b2i55qE5YOP57Sg54K55o6S5YiX5Zyo5LiA6LW35ou85o6l6ICM5oiQ
55qE77yM5L2N5Zu+5Zyo5pS+5aSn5pe277yM5Zu+5YOP5Lya5aSx55yf44CC5LiK6Z2i6K6y55qE
NeenjeWbvuWDj+mDveWxnuS6juS9jeWbvuOAgjxicj7nn6Lph4/lm77lkozkvY3lm77nu4TmiJDl
m77lg4/nmoTljp/nkIbkuI3lkIzvvIzlroPnmoTlm77lg4/ova7lu5PmmK/nlLHlh73mlbDmm7Ln
ur/nlJ/miJDnmoTvvIzlvZPmlL7lpKflm77lg4/ml7bvvIzlrp7pmYXnmoTljp/nkIblsLHmmK/l
sIbmm7Lnur/kuZjku6XkuIDkuKrlgI3mlbDvvIzlm77lg4/lj6/ku6XovbvmmJPlnLDmlL7lpKfv
vIzogIzkuJTkuI3kvJrlh7rnjrDlg4/ntKDlnZfvvIzlm77lg4/ovrnnvJjkuZ/kuI3kvJrlh7rn
jrDplK/pvb/jgII8YnI+YGBgPGJyPiMjIyMjIHN2Zzxicj5gYGA8YnI+55uu5YmN6aaW6YCJ55qE
572R6aG155+i6YeP5Zu+5qC85byP44CCPGJyPuS8mOeCue+8muWbvuWDj+WuuemHj+Wwj+OAgeWb
vuWDj+aUvuWkp+S4jeWkseecn+OAgeaUr+aMgemAj+aYjuiDjOaZr+WSjOWNiumAj+aYjuiJsuW9
qeOAgeWbvuWDj+i+uee8mOWFiea7keOAgjxicj7nvLrngrnvvJroibLlvankuI3lpJ/kuLDlr4zj
gIIgPGJyPmBgYDxicj4jIyMjIyBmbGFzaCA8YnI+YGBgPGJyPumAgOWHuuWOhuWPsueahOmHjemH
j+e6p+e9kemhteefoumHj+WbvuagvOW8j+OAgjxicj7kvJjngrnvvJrlm77lg4/lrrnph4/lsI/j
gIHlm77lg4/mlL7lpKfkuI3lpLHnnJ/jgIHmlK/mjIHpgI/mmI7og4zmma/lkozljYrpgI/mmI7o
ibLlvanjgIHlm77lg4/ovrnnvJjlhYnmu5HjgIHov5jlj6/ku6XliLbkvZzliqjnlLvjgIHlj6/n
vJblhpnkuqTkupLjgII8YnI+57y654K577ya5LiN5pSv5oyB5pCc57Si5byV5pOO44CB6L+Q6KGM
5oWi44CB5rWP6KeI5Zmo6ZyA6KaB6KOF5o+S5Lu25omN5Y+v5pSv5oyB44CCIDxicj5gYGA8YnI+
IyMjIyMg5oC757uTIDxicj5gYGA8YnI+5Zyo572R6aG15Yi25L2c5Lit77yM5aaC5L2V6YCJ5oup
5ZCI6YCC55qE5Zu+54mH5qC85byP5ZGi77yfPGJyPjHjgIHkvb/nlKjlpKfluYXpnaLlm77niYfm
l7bvvIzlpoLmnpzopoHkvb/nlKjkuI3pgI/mmI7og4zmma/nmoTlm77niYfvvIzlsLHkvb/nlKhq
cGflm77niYfvvJvlpoLmnpzopoHkvb/nlKjpgI/mmI7miJbogIXljYrpgI/mmI7og4zmma/nmoTl
m77niYfvvIzlsLHkvb/nlKhwbmflm77niYfvvJs8YnI+MuOAgeS9v+eUqOWwj+W5hemdouWbvueJ
h+aIluiAheWbvuagh+WbvueJh+aXtu+8jOWmguaenOWbvueJh+WQq+WkmuenjeminOiJsu+8jOWP
r+S7peS9v+eUqGdpZuaIlnBuZ+WbvueJh++8m+WmguaenOWbvueJh+aYr+WNleiJsu+8jOiAjOS4
lOimgeaxguacieW+iOWlveeahOaYvuekuuaViOaenO+8jOWPr+S7peS9v+eUqHN2Z++8m+Wmguae
nOaYr+WbvueJh+aXtuWKqOeUu+eahO+8jOWPr+S7peS9v+eUqGdpZuOAgjxicj5gYGA8YnI+IyMj
IHBob3Rvc2hvcOaJuemHj+WIh+WbvuaKgOW3pzxicj5gYGA8YnI+5YiH5Zu+77yM5bCx5piv5LuO
5pWI5p6c5Zu+5Lit5oqK572R6aG15Yi25L2c6ZyA6KaB55qE5bCP5Zu+54mH6KOB5Ymq5Ye65p2l
44CCPGJyPjxicj4x44CB5L2/55SocHNk5qC85byP5bm25LiU5bim5pyJ5Zu+5bGC55qE5Zu+5YOP
5YiH5Zu+PGJyPjxicj4y44CB5Zyo5Zu+5YOP5LiK55So5YiH54mH5bel5YW35YiH5Ye66ZyA6KaB
55qE5bCP5Zu+PGJyPjxicj4z44CB5Y+M5Ye75YiH54mH77yM57uZ5YiH54mH5ZG95ZCNPGJyPjxi
cj4044CB5bCG6ZyA6KaB5Yi25L2c6YCP5piO6IOM5pmv5Zu+5YOP55qE5YiH54mH55qE6IOM5pmv
6ZqQ6JePPGJyPjxicj4144CB5omn6KGM6I+c5Y2V5ZG95LukIOWtmOWCqOS4undlYuaJgOeUqOag
vOW8jzxicj48YnI+NuOAgeeCuemAieWIh+eJh++8jOiuvue9ruWIh+eJh+eahOWbvueJh+agvOW8
jzxicj48YnI+N+OAgeWtmOWCqOWIh+eJh++8jOmAieaLqeKAnOaJgOacieeUqOaIt+WIh+eJh+KA
ne+8jOeCueWtmOWCqCjlpJrkuKrliIfniYfkvJroh6rliqjlrZjliLDmiYDpgInmlofku7blpLnk
uK3nmoRpbWFnZXPmlofku7blpLnkuK0pIDxicj5gYGA8YnI+IyMjIFBob3Rvc2hvcOWItuS9nOmb
queip+WbvuaKgOW3pzxicj5gYGA8YnI+6Zuq56Kn5Zu+77yM5bCx5piv5bCG572R6aG15Yi25L2c
5Lit5L2/55So55qE5aSa5Liq5bCP5Zu+54mH5ZCI5bm25oiQ5LiA5Liq5Zu+54mH77yM5L2/55So
Y3Nz5oqA5pyv5bCG6L+Z5byg5ZCI5oiQ55qE5Zu+54mH5bqU55So5Zyo572R6aG15LiN5ZCM55qE
5Zyw5pa577yM6Zuq56Kn5Zu+5Y+v5Lul5YeP5bCR572R6aG15Yqg6L295pe255qEaHR0cOivt+ax
guaVsO+8jOS8mOWMlue9kemhteaAp+iDveOAgjxicj48YnI+5q2l6aqk77yaPGJyPjxicj4x44CB
5L2/55SoUGhvdG9zaG9w5paw5bu65LiA5byg6IOM5pmv6YCP5piO55qE5Zu+54mHPGJyPjxicj4y
44CB5bCG5bCP5Zu+54mH5aSN5Yi25Yiw5q2k5Zu+54mH5Lit77yM5o6S5YiX5aW95q+P5Liq5Zu+
5YOP55qE5L2N572u77yM5Zu+54mH5bmF6Z2i5LiN5aSf5Y+v5Lul55So55S75biD5aSn5bCP6LCD
5pW05aSn5bCPPGJyPjxicj4z44CB5oyJ54Wn5omA5pyJ5bCP5Zu+54mH55qE6IyD5Zu06KOB5Ymq
5Zu+54mH77yM5a2Y5Li66YCP5piO6IOM5pmv55qEcG5n5Zu+54mHPGJyPmBgYDxicj48YnI+PC9w
Pg==">
1、使用psd格式并且带有图层的图像切图
2、在图像上用切片工具切出需要的小图
3、双击切片，给切片命名
4、将需要制作透明背景图像的切片的背景隐藏
5、执行菜单命令 存储为web所用格式
6、点选切片，设置切片的图片格式
7、存储切片，选择“所有用户切片”，点存储(多个切片会自动存到所选文件夹中的images文件夹中)
<h3 id="photoshop-" style="margin: 1.3em 0px 1em; padding: 0px; font-weight: bold; font-size: 1.3em">Photoshop制作雪碧图技巧
步骤：
1、使用Photoshop新建一张背景透明的图片
2、将小图片复制到此图片中，排列好每个图像的位置，图片幅面不够可以用画布大小调整大小
3、按照所有小图片的范围裁剪图片，存为透明背景的png图片
<div style="height: 0; width: 0; max-height: 0; max-width: 0; overflow: hidden; font-size: 0em; padding: 0; margin: 0" title="MDH:PHA+IyMjIOW4uOeUqOWbvueJh+agvOW8jzxicj4jIyMjIyAx44CBcHNkIDxicj5gYGA8YnI+cGhv
dG9zaG9w55qE5LiT55So5qC85byP44CCPGJyPuS8mOeCue+8muWujOaVtOS/neWtmOWbvuWDj+ea
hOS/oeaBr++8jOWMheaLrOacquWOi+e8qeeahOWbvuWDj+aVsOaNruOAgeWbvuWxguOAgemAj+aY
juetieS/oeaBr++8jOaWueS+v+WbvuWDj+eahOe8lui+keOAgjxicj7nvLrngrnvvJrlupTnlKjo
jIPlm7TnqoTvvIzlm77niYflrrnph4/nm7jlr7nmr5TovoPlpKfjgII8YnI+YGBgPGJyPiMjIyMj
IDLjgIFqcGcgPGJyPmBgYDxicj7nvZHpobXliLbkvZzlj4rml6XluLjkvb/nlKjmnIDmma7pgY3n
moTlm77lg4/moLzlvI/jgII8YnI+5LyY54K577ya5Zu+5YOP5Y6L57yp5pWI546H6auY77yM5Zu+
5YOP5a656YeP55u45a+55pyA5bCP44CCPGJyPue8uueCue+8muacieaNn+WOi+e8qe+8jOWbvuWD
j+S8muS4ouWkseaVsOaNruiAjOWkseecn++8jOS4jeaUr+aMgemAj+aYjuiDjOaZr++8jOS4jeiD
veWItuS9nOaIkOWKqOeUu+OAgjxicj5gYGA8YnI+IyMjIyMgM+OAgWdpZiAmbmJzcDs8YnI+YGBg
PGJyPuWItuS9nOe9kemhteWwj+WKqOeUu+eahOW4uOeUqOWbvuWDj+agvOW8j+OAgjxicj7kvJjn
grnvvJrml6DmjZ/ljovnvKnvvIzlm77lg4/lrrnph4/lsI/jgIHlj6/ku6XliLbkvZzmiJDliqjn
lLvjgIHmlK/mjIHpgI/mmI7og4zmma/jgII8YnI+57y654K577ya5Zu+5YOP6Imy5b2p6IyD5Zu0
5pyA5aSa5Y+q5pyJMjU26Imy77yM5LiN6IO95L+d5a2Y6Imy5b2p5Liw5a+M55qE5Zu+5YOP77yM
5LiN5pSv5oyB5Y2K6YCP5piO77yM6YCP5piO5Zu+5YOP6L6557yY5pyJ6ZSv6b2/44CCIDxicj5g
YGA8YnI+IyMjIyMgNOOAgXBuZyAmbmJzcDs8YnI+YGBgPGJyPue9kemhteWItuS9nOWPiuaXpeW4
uOS9v+eUqOavlOi+g+aZrumBjeeahOWbvuWDj+agvOW8j+OAgjxicj7kvJjngrnvvJrml6DmjZ/l
jovnvKnvvIzlm77lg4/lrrnph4/lsI/jgIHmlK/mjIHpgI/mmI7og4zmma/lkozljYrpgI/mmI7o
ibLlvanjgIHpgI/mmI7lm77lg4/nmoTovrnnvJjlhYnmu5HjgII8YnI+57y654K577ya5LiN6IO9
5Yi25L2c5oiQ5Yqo55S7IDxicj5gYGA8YnI+IyMjIyMgNeOAgXdlYnAgPGJyPmBgYDxicj7lsIbo
poHlj5bku6NqcGfnmoTlm77lg4/moLzlvI/jgII8YnI+5LyY54K577ya5ZCManBn5qC85byP77yM
5a656YeP55u45a+55q+UanBn6L+Y6KaB5bCP44CCPGJyPue8uueCue+8muWQjGpwZ+agvOW8j++8
jOebruWJjeS4jeaUr+aMgeaJgOacieeahOa1j+iniOWZqOOAgjxicj5gYGA8YnI+IyMjIyMg5L2N
5Zu+5ZKM55+i6YeP5Zu+IDxicj5gYGA8YnI+5L2N5Zu+5Lmf5Y+r54K56Zi15Zu+77yM5piv55Sx
5LiA5Liq5Liq55qE5pa55b2i55qE5YOP57Sg54K55o6S5YiX5Zyo5LiA6LW35ou85o6l6ICM5oiQ
55qE77yM5L2N5Zu+5Zyo5pS+5aSn5pe277yM5Zu+5YOP5Lya5aSx55yf44CC5LiK6Z2i6K6y55qE
NeenjeWbvuWDj+mDveWxnuS6juS9jeWbvuOAgjxicj7nn6Lph4/lm77lkozkvY3lm77nu4TmiJDl
m77lg4/nmoTljp/nkIbkuI3lkIzvvIzlroPnmoTlm77lg4/ova7lu5PmmK/nlLHlh73mlbDmm7Ln
ur/nlJ/miJDnmoTvvIzlvZPmlL7lpKflm77lg4/ml7bvvIzlrp7pmYXnmoTljp/nkIblsLHmmK/l
sIbmm7Lnur/kuZjku6XkuIDkuKrlgI3mlbDvvIzlm77lg4/lj6/ku6XovbvmmJPlnLDmlL7lpKfv
vIzogIzkuJTkuI3kvJrlh7rnjrDlg4/ntKDlnZfvvIzlm77lg4/ovrnnvJjkuZ/kuI3kvJrlh7rn
jrDplK/pvb/jgII8YnI+YGBgPGJyPiMjIyMjIHN2Zzxicj5gYGA8YnI+55uu5YmN6aaW6YCJ55qE
572R6aG155+i6YeP5Zu+5qC85byP44CCPGJyPuS8mOeCue+8muWbvuWDj+WuuemHj+Wwj+OAgeWb
vuWDj+aUvuWkp+S4jeWkseecn+OAgeaUr+aMgemAj+aYjuiDjOaZr+WSjOWNiumAj+aYjuiJsuW9
qeOAgeWbvuWDj+i+uee8mOWFiea7keOAgjxicj7nvLrngrnvvJroibLlvankuI3lpJ/kuLDlr4zj
gIIgPGJyPmBgYDxicj4jIyMjIyBmbGFzaCA8YnI+YGBgPGJyPumAgOWHuuWOhuWPsueahOmHjemH
j+e6p+e9kemhteefoumHj+WbvuagvOW8j+OAgjxicj7kvJjngrnvvJrlm77lg4/lrrnph4/lsI/j
gIHlm77lg4/mlL7lpKfkuI3lpLHnnJ/jgIHmlK/mjIHpgI/mmI7og4zmma/lkozljYrpgI/mmI7o
ibLlvanjgIHlm77lg4/ovrnnvJjlhYnmu5HjgIHov5jlj6/ku6XliLbkvZzliqjnlLvjgIHlj6/n
vJblhpnkuqTkupLjgII8YnI+57y654K577ya5LiN5pSv5oyB5pCc57Si5byV5pOO44CB6L+Q6KGM
5oWi44CB5rWP6KeI5Zmo6ZyA6KaB6KOF5o+S5Lu25omN5Y+v5pSv5oyB44CCIDxicj5gYGA8YnI+
IyMjIyMg5oC757uTIDxicj5gYGA8YnI+5Zyo572R6aG15Yi25L2c5Lit77yM5aaC5L2V6YCJ5oup
5ZCI6YCC55qE5Zu+54mH5qC85byP5ZGi77yfPGJyPjHjgIHkvb/nlKjlpKfluYXpnaLlm77niYfm
l7bvvIzlpoLmnpzopoHkvb/nlKjkuI3pgI/mmI7og4zmma/nmoTlm77niYfvvIzlsLHkvb/nlKhq
cGflm77niYfvvJvlpoLmnpzopoHkvb/nlKjpgI/mmI7miJbogIXljYrpgI/mmI7og4zmma/nmoTl
m77niYfvvIzlsLHkvb/nlKhwbmflm77niYfvvJs8YnI+MuOAgeS9v+eUqOWwj+W5hemdouWbvueJ
h+aIluiAheWbvuagh+WbvueJh+aXtu+8jOWmguaenOWbvueJh+WQq+WkmuenjeminOiJsu+8jOWP
r+S7peS9v+eUqGdpZuaIlnBuZ+WbvueJh++8m+WmguaenOWbvueJh+aYr+WNleiJsu+8jOiAjOS4
lOimgeaxguacieW+iOWlveeahOaYvuekuuaViOaenO+8jOWPr+S7peS9v+eUqHN2Z++8m+Wmguae
nOaYr+WbvueJh+aXtuWKqOeUu+eahO+8jOWPr+S7peS9v+eUqGdpZuOAgjxicj5gYGA8YnI+IyMj
IHBob3Rvc2hvcOaJuemHj+WIh+WbvuaKgOW3pzxicj5gYGA8YnI+5YiH5Zu+77yM5bCx5piv5LuO
5pWI5p6c5Zu+5Lit5oqK572R6aG15Yi25L2c6ZyA6KaB55qE5bCP5Zu+54mH6KOB5Ymq5Ye65p2l
44CCPGJyPjxicj4x44CB5L2/55SocHNk5qC85byP5bm25LiU5bim5pyJ5Zu+5bGC55qE5Zu+5YOP
5YiH5Zu+PGJyPjxicj4y44CB5Zyo5Zu+5YOP5LiK55So5YiH54mH5bel5YW35YiH5Ye66ZyA6KaB
55qE5bCP5Zu+PGJyPjxicj4z44CB5Y+M5Ye75YiH54mH77yM57uZ5YiH54mH5ZG95ZCNPGJyPjxi
cj4044CB5bCG6ZyA6KaB5Yi25L2c6YCP5piO6IOM5pmv5Zu+5YOP55qE5YiH54mH55qE6IOM5pmv
6ZqQ6JePPGJyPjxicj4144CB5omn6KGM6I+c5Y2V5ZG95LukIOWtmOWCqOS4undlYuaJgOeUqOag
vOW8jzxicj48YnI+NuOAgeeCuemAieWIh+eJh++8jOiuvue9ruWIh+eJh+eahOWbvueJh+agvOW8
jzxicj48YnI+N+OAgeWtmOWCqOWIh+eJh++8jOmAieaLqeKAnOaJgOacieeUqOaIt+WIh+eJh+KA
ne+8jOeCueWtmOWCqCjlpJrkuKrliIfniYfkvJroh6rliqjlrZjliLDmiYDpgInmlofku7blpLnk
uK3nmoRpbWFnZXPmlofku7blpLnkuK0pIDxicj5gYGA8YnI+IyMjIFBob3Rvc2hvcOWItuS9nOmb
queip+WbvuaKgOW3pzxicj5gYGA8YnI+6Zuq56Kn5Zu+77yM5bCx5piv5bCG572R6aG15Yi25L2c
5Lit5L2/55So55qE5aSa5Liq5bCP5Zu+54mH5ZCI5bm25oiQ5LiA5Liq5Zu+54mH77yM5L2/55So
Y3Nz5oqA5pyv5bCG6L+Z5byg5ZCI5oiQ55qE5Zu+54mH5bqU55So5Zyo572R6aG15LiN5ZCM55qE
5Zyw5pa577yM6Zuq56Kn5Zu+5Y+v5Lul5YeP5bCR572R6aG15Yqg6L295pe255qEaHR0cOivt+ax
guaVsO+8jOS8mOWMlue9kemhteaAp+iDveOAgjxicj48YnI+5q2l6aqk77yaPGJyPjxicj4x44CB
5L2/55SoUGhvdG9zaG9w5paw5bu65LiA5byg6IOM5pmv6YCP5piO55qE5Zu+54mHPGJyPjxicj4y
44CB5bCG5bCP5Zu+54mH5aSN5Yi25Yiw5q2k5Zu+54mH5Lit77yM5o6S5YiX5aW95q+P5Liq5Zu+
5YOP55qE5L2N572u77yM5Zu+54mH5bmF6Z2i5LiN5aSf5Y+v5Lul55So55S75biD5aSn5bCP6LCD
5pW05aSn5bCPPGJyPjxicj4z44CB5oyJ54Wn5omA5pyJ5bCP5Zu+54mH55qE6IyD5Zu06KOB5Ymq
5Zu+54mH77yM5a2Y5Li66YCP5piO6IOM5pmv55qEcG5n5Zu+54mHPGJyPmBgYDxicj48YnI+PC9w
Pg==">
1、使用psd格式并且带有图层的图像切图
2、在图像上用切片工具切出需要的小图
3、双击切片，给切片命名
4、将需要制作透明背景图像的切片的背景隐藏
5、执行菜单命令 存储为web所用格式
6、点选切片，设置切片的图片格式
7、存储切片，选择“所有用户切片”，点存储(多个切片会自动存到所选文件夹中的images文件夹中)
<h3 id="photoshop-" style="margin: 1.3em 0px 1em; padding: 0px; font-weight: bold; font-size: 1.3em">Photoshop制作雪碧图技巧
步骤：
1、使用Photoshop新建一张背景透明的图片
2、将小图片复制到此图片中，排列好每个图像的位置，图片幅面不够可以用画布大小调整大小
3、按照所有小图片的范围裁剪图片，存为透明背景的png图片
<div style="height: 0; width: 0; max-height: 0; max-width: 0; overflow: hidden; font-size: 0em; padding: 0; margin: 0" title="MDH:PHA+IyMjIOW4uOeUqOWbvueJh+agvOW8jzxicj4jIyMjIyAx44CBcHNkIDxicj5gYGA8YnI+cGhv
dG9zaG9w55qE5LiT55So5qC85byP44CCPGJyPuS8mOeCue+8muWujOaVtOS/neWtmOWbvuWDj+ea
hOS/oeaBr++8jOWMheaLrOacquWOi+e8qeeahOWbvuWDj+aVsOaNruOAgeWbvuWxguOAgemAj+aY
juetieS/oeaBr++8jOaWueS+v+WbvuWDj+eahOe8lui+keOAgjxicj7nvLrngrnvvJrlupTnlKjo
jIPlm7TnqoTvvIzlm77niYflrrnph4/nm7jlr7nmr5TovoPlpKfjgII8YnI+YGBgPGJyPiMjIyMj
IDLjgIFqcGcgPGJyPmBgYDxicj7nvZHpobXliLbkvZzlj4rml6XluLjkvb/nlKjmnIDmma7pgY3n
moTlm77lg4/moLzlvI/jgII8YnI+5LyY54K577ya5Zu+5YOP5Y6L57yp5pWI546H6auY77yM5Zu+
5YOP5a656YeP55u45a+55pyA5bCP44CCPGJyPue8uueCue+8muacieaNn+WOi+e8qe+8jOWbvuWD
j+S8muS4ouWkseaVsOaNruiAjOWkseecn++8jOS4jeaUr+aMgemAj+aYjuiDjOaZr++8jOS4jeiD
veWItuS9nOaIkOWKqOeUu+OAgjxicj5gYGA8YnI+IyMjIyMgM+OAgWdpZiAmbmJzcDs8YnI+YGBg
PGJyPuWItuS9nOe9kemhteWwj+WKqOeUu+eahOW4uOeUqOWbvuWDj+agvOW8j+OAgjxicj7kvJjn
grnvvJrml6DmjZ/ljovnvKnvvIzlm77lg4/lrrnph4/lsI/jgIHlj6/ku6XliLbkvZzmiJDliqjn
lLvjgIHmlK/mjIHpgI/mmI7og4zmma/jgII8YnI+57y654K577ya5Zu+5YOP6Imy5b2p6IyD5Zu0
5pyA5aSa5Y+q5pyJMjU26Imy77yM5LiN6IO95L+d5a2Y6Imy5b2p5Liw5a+M55qE5Zu+5YOP77yM
5LiN5pSv5oyB5Y2K6YCP5piO77yM6YCP5piO5Zu+5YOP6L6557yY5pyJ6ZSv6b2/44CCIDxicj5g
YGA8YnI+IyMjIyMgNOOAgXBuZyAmbmJzcDs8YnI+YGBgPGJyPue9kemhteWItuS9nOWPiuaXpeW4
uOS9v+eUqOavlOi+g+aZrumBjeeahOWbvuWDj+agvOW8j+OAgjxicj7kvJjngrnvvJrml6DmjZ/l
jovnvKnvvIzlm77lg4/lrrnph4/lsI/jgIHmlK/mjIHpgI/mmI7og4zmma/lkozljYrpgI/mmI7o
ibLlvanjgIHpgI/mmI7lm77lg4/nmoTovrnnvJjlhYnmu5HjgII8YnI+57y654K577ya5LiN6IO9
5Yi25L2c5oiQ5Yqo55S7IDxicj5gYGA8YnI+IyMjIyMgNeOAgXdlYnAgPGJyPmBgYDxicj7lsIbo
poHlj5bku6NqcGfnmoTlm77lg4/moLzlvI/jgII8YnI+5LyY54K577ya5ZCManBn5qC85byP77yM
5a656YeP55u45a+55q+UanBn6L+Y6KaB5bCP44CCPGJyPue8uueCue+8muWQjGpwZ+agvOW8j++8
jOebruWJjeS4jeaUr+aMgeaJgOacieeahOa1j+iniOWZqOOAgjxicj5gYGA8YnI+IyMjIyMg5L2N
5Zu+5ZKM55+i6YeP5Zu+IDxicj5gYGA8YnI+5L2N5Zu+5Lmf5Y+r54K56Zi15Zu+77yM5piv55Sx
5LiA5Liq5Liq55qE5pa55b2i55qE5YOP57Sg54K55o6S5YiX5Zyo5LiA6LW35ou85o6l6ICM5oiQ
55qE77yM5L2N5Zu+5Zyo5pS+5aSn5pe277yM5Zu+5YOP5Lya5aSx55yf44CC5LiK6Z2i6K6y55qE
NeenjeWbvuWDj+mDveWxnuS6juS9jeWbvuOAgjxicj7nn6Lph4/lm77lkozkvY3lm77nu4TmiJDl
m77lg4/nmoTljp/nkIbkuI3lkIzvvIzlroPnmoTlm77lg4/ova7lu5PmmK/nlLHlh73mlbDmm7Ln
ur/nlJ/miJDnmoTvvIzlvZPmlL7lpKflm77lg4/ml7bvvIzlrp7pmYXnmoTljp/nkIblsLHmmK/l
sIbmm7Lnur/kuZjku6XkuIDkuKrlgI3mlbDvvIzlm77lg4/lj6/ku6XovbvmmJPlnLDmlL7lpKfv
vIzogIzkuJTkuI3kvJrlh7rnjrDlg4/ntKDlnZfvvIzlm77lg4/ovrnnvJjkuZ/kuI3kvJrlh7rn
jrDplK/pvb/jgII8YnI+YGBgPGJyPiMjIyMjIHN2Zzxicj5gYGA8YnI+55uu5YmN6aaW6YCJ55qE
572R6aG155+i6YeP5Zu+5qC85byP44CCPGJyPuS8mOeCue+8muWbvuWDj+WuuemHj+Wwj+OAgeWb
vuWDj+aUvuWkp+S4jeWkseecn+OAgeaUr+aMgemAj+aYjuiDjOaZr+WSjOWNiumAj+aYjuiJsuW9
qeOAgeWbvuWDj+i+uee8mOWFiea7keOAgjxicj7nvLrngrnvvJroibLlvankuI3lpJ/kuLDlr4zj
gIIgPGJyPmBgYDxicj4jIyMjIyBmbGFzaCA8YnI+YGBgPGJyPumAgOWHuuWOhuWPsueahOmHjemH
j+e6p+e9kemhteefoumHj+WbvuagvOW8j+OAgjxicj7kvJjngrnvvJrlm77lg4/lrrnph4/lsI/j
gIHlm77lg4/mlL7lpKfkuI3lpLHnnJ/jgIHmlK/mjIHpgI/mmI7og4zmma/lkozljYrpgI/mmI7o
ibLlvanjgIHlm77lg4/ovrnnvJjlhYnmu5HjgIHov5jlj6/ku6XliLbkvZzliqjnlLvjgIHlj6/n
vJblhpnkuqTkupLjgII8YnI+57y654K577ya5LiN5pSv5oyB5pCc57Si5byV5pOO44CB6L+Q6KGM
5oWi44CB5rWP6KeI5Zmo6ZyA6KaB6KOF5o+S5Lu25omN5Y+v5pSv5oyB44CCIDxicj5gYGA8YnI+
IyMjIyMg5oC757uTIDxicj5gYGA8YnI+5Zyo572R6aG15Yi25L2c5Lit77yM5aaC5L2V6YCJ5oup
5ZCI6YCC55qE5Zu+54mH5qC85byP5ZGi77yfPGJyPjHjgIHkvb/nlKjlpKfluYXpnaLlm77niYfm
l7bvvIzlpoLmnpzopoHkvb/nlKjkuI3pgI/mmI7og4zmma/nmoTlm77niYfvvIzlsLHkvb/nlKhq
cGflm77niYfvvJvlpoLmnpzopoHkvb/nlKjpgI/mmI7miJbogIXljYrpgI/mmI7og4zmma/nmoTl
m77niYfvvIzlsLHkvb/nlKhwbmflm77niYfvvJs8YnI+MuOAgeS9v+eUqOWwj+W5hemdouWbvueJ
h+aIluiAheWbvuagh+WbvueJh+aXtu+8jOWmguaenOWbvueJh+WQq+WkmuenjeminOiJsu+8jOWP
r+S7peS9v+eUqGdpZuaIlnBuZ+WbvueJh++8m+WmguaenOWbvueJh+aYr+WNleiJsu+8jOiAjOS4
lOimgeaxguacieW+iOWlveeahOaYvuekuuaViOaenO+8jOWPr+S7peS9v+eUqHN2Z++8m+Wmguae
nOaYr+WbvueJh+aXtuWKqOeUu+eahO+8jOWPr+S7peS9v+eUqGdpZuOAgjxicj5gYGA8YnI+IyMj
IHBob3Rvc2hvcOaJuemHj+WIh+WbvuaKgOW3pzxicj5gYGA8YnI+5YiH5Zu+77yM5bCx5piv5LuO
5pWI5p6c5Zu+5Lit5oqK572R6aG15Yi25L2c6ZyA6KaB55qE5bCP5Zu+54mH6KOB5Ymq5Ye65p2l
44CCPGJyPjxicj4x44CB5L2/55SocHNk5qC85byP5bm25LiU5bim5pyJ5Zu+5bGC55qE5Zu+5YOP
5YiH5Zu+PGJyPjxicj4y44CB5Zyo5Zu+5YOP5LiK55So5YiH54mH5bel5YW35YiH5Ye66ZyA6KaB
55qE5bCP5Zu+PGJyPjxicj4z44CB5Y+M5Ye75YiH54mH77yM57uZ5YiH54mH5ZG95ZCNPGJyPjxi
cj4044CB5bCG6ZyA6KaB5Yi25L2c6YCP5piO6IOM5pmv5Zu+5YOP55qE5YiH54mH55qE6IOM5pmv
6ZqQ6JePPGJyPjxicj4144CB5omn6KGM6I+c5Y2V5ZG95LukIOWtmOWCqOS4undlYuaJgOeUqOag
vOW8jzxicj48YnI+NuOAgeeCuemAieWIh+eJh++8jOiuvue9ruWIh+eJh+eahOWbvueJh+agvOW8
jzxicj48YnI+N+OAgeWtmOWCqOWIh+eJh++8jOmAieaLqeKAnOaJgOacieeUqOaIt+WIh+eJh+KA
ne+8jOeCueWtmOWCqCjlpJrkuKrliIfniYfkvJroh6rliqjlrZjliLDmiYDpgInmlofku7blpLnk
uK3nmoRpbWFnZXPmlofku7blpLnkuK0pIDxicj5gYGA8YnI+IyMjIFBob3Rvc2hvcOWItuS9nOmb
queip+WbvuaKgOW3pzxicj5gYGA8YnI+6Zuq56Kn5Zu+77yM5bCx5piv5bCG572R6aG15Yi25L2c
5Lit5L2/55So55qE5aSa5Liq5bCP5Zu+54mH5ZCI5bm25oiQ5LiA5Liq5Zu+54mH77yM5L2/55So
Y3Nz5oqA5pyv5bCG6L+Z5byg5ZCI5oiQ55qE5Zu+54mH5bqU55So5Zyo572R6aG15LiN5ZCM55qE
5Zyw5pa577yM6Zuq56Kn5Zu+5Y+v5Lul5YeP5bCR572R6aG15Yqg6L295pe255qEaHR0cOivt+ax
guaVsO+8jOS8mOWMlue9kemhteaAp+iDveOAgjxicj48YnI+5q2l6aqk77yaPGJyPjxicj4x44CB
5L2/55SoUGhvdG9zaG9w5paw5bu65LiA5byg6IOM5pmv6YCP5piO55qE5Zu+54mHPGJyPjxicj4y
44CB5bCG5bCP5Zu+54mH5aSN5Yi25Yiw5q2k5Zu+54mH5Lit77yM5o6S5YiX5aW95q+P5Liq5Zu+
5YOP55qE5L2N572u77yM5Zu+54mH5bmF6Z2i5LiN5aSf5Y+v5Lul55So55S75biD5aSn5bCP6LCD
5pW05aSn5bCPPGJyPjxicj4z44CB5oyJ54Wn5omA5pyJ5bCP5Zu+54mH55qE6IyD5Zu06KOB5Ymq
5Zu+54mH77yM5a2Y5Li66YCP5piO6IOM5pmv55qEcG5n5Zu+54mHPGJyPmBgYDxicj48YnI+PC9w
Pg==">
1、使用psd格式并且带有图层的图像切图
2、在图像上用切片工具切出需要的小图
3、双击切片，给切片命名
4、将需要制作透明背景图像的切片的背景隐藏
5、执行菜单命令 存储为web所用格式
6、点选切片，设置切片的图片格式
7、存储切片，选择“所有用户切片”，点存储(多个切片会自动存到所选文件夹中的images文件夹中)
<h3 id="photoshop-" style="margin: 1.3em 0px 1em; padding: 0px; font-weight: bold; font-size: 1.3em">Photoshop制作雪碧图技巧
1、使用psd格式并且带有图层的图像切图
2、在图像上用切片工具切出需要的小图
3、双击切片，给切片命名
4、将需要制作透明背景图像的切片的背景隐藏
5、执行菜单命令 存储为web所用格式
6、点选切片，设置切片的图片格式
7、存储切片，选择“所有用户切片”，点存储(多个切片会自动存到所选文件夹中的images文件夹中)
步骤：
1、使用Photoshop新建一张背景透明的图片
2、将小图片复制到此图片中，排列好每个图像的位置，图片幅面不够可以用画布大小调整大小
3、按照所有小图片的范围裁剪图片，存为透明背景的png图片
<div style="height: 0; width: 0; max-height: 0; max-width: 0; overflow: hidden; font-size: 0em; padding: 0; margin: 0" title="MDH:PHA+IyMjIOW4uOeUqOWbvueJh+agvOW8jzxicj4jIyMjIyAx44CBcHNkIDxicj5gYGA8YnI+cGhv
dG9zaG9w55qE5LiT55So5qC85byP44CCPGJyPuS8mOeCue+8muWujOaVtOS/neWtmOWbvuWDj+ea
hOS/oeaBr++8jOWMheaLrOacquWOi+e8qeeahOWbvuWDj+aVsOaNruOAgeWbvuWxguOAgemAj+aY
juetieS/oeaBr++8jOaWueS+v+WbvuWDj+eahOe8lui+keOAgjxicj7nvLrngrnvvJrlupTnlKjo
jIPlm7TnqoTvvIzlm77niYflrrnph4/nm7jlr7nmr5TovoPlpKfjgII8YnI+YGBgPGJyPiMjIyMj
IDLjgIFqcGcgPGJyPmBgYDxicj7nvZHpobXliLbkvZzlj4rml6XluLjkvb/nlKjmnIDmma7pgY3n
moTlm77lg4/moLzlvI/jgII8YnI+5LyY54K577ya5Zu+5YOP5Y6L57yp5pWI546H6auY77yM5Zu+
5YOP5a656YeP55u45a+55pyA5bCP44CCPGJyPue8uueCue+8muacieaNn+WOi+e8qe+8jOWbvuWD
j+S8muS4ouWkseaVsOaNruiAjOWkseecn++8jOS4jeaUr+aMgemAj+aYjuiDjOaZr++8jOS4jeiD
veWItuS9nOaIkOWKqOeUu+OAgjxicj5gYGA8YnI+IyMjIyMgM+OAgWdpZiAmbmJzcDs8YnI+YGBg
PGJyPuWItuS9nOe9kemhteWwj+WKqOeUu+eahOW4uOeUqOWbvuWDj+agvOW8j+OAgjxicj7kvJjn
grnvvJrml6DmjZ/ljovnvKnvvIzlm77lg4/lrrnph4/lsI/jgIHlj6/ku6XliLbkvZzmiJDliqjn
lLvjgIHmlK/mjIHpgI/mmI7og4zmma/jgII8YnI+57y654K577ya5Zu+5YOP6Imy5b2p6IyD5Zu0
5pyA5aSa5Y+q5pyJMjU26Imy77yM5LiN6IO95L+d5a2Y6Imy5b2p5Liw5a+M55qE5Zu+5YOP77yM
5LiN5pSv5oyB5Y2K6YCP5piO77yM6YCP5piO5Zu+5YOP6L6557yY5pyJ6ZSv6b2/44CCIDxicj5g
YGA8YnI+IyMjIyMgNOOAgXBuZyAmbmJzcDs8YnI+YGBgPGJyPue9kemhteWItuS9nOWPiuaXpeW4
uOS9v+eUqOavlOi+g+aZrumBjeeahOWbvuWDj+agvOW8j+OAgjxicj7kvJjngrnvvJrml6DmjZ/l
jovnvKnvvIzlm77lg4/lrrnph4/lsI/jgIHmlK/mjIHpgI/mmI7og4zmma/lkozljYrpgI/mmI7o
ibLlvanjgIHpgI/mmI7lm77lg4/nmoTovrnnvJjlhYnmu5HjgII8YnI+57y654K577ya5LiN6IO9
5Yi25L2c5oiQ5Yqo55S7IDxicj5gYGA8YnI+IyMjIyMgNeOAgXdlYnAgPGJyPmBgYDxicj7lsIbo
poHlj5bku6NqcGfnmoTlm77lg4/moLzlvI/jgII8YnI+5LyY54K577ya5ZCManBn5qC85byP77yM
5a656YeP55u45a+55q+UanBn6L+Y6KaB5bCP44CCPGJyPue8uueCue+8muWQjGpwZ+agvOW8j++8
jOebruWJjeS4jeaUr+aMgeaJgOacieeahOa1j+iniOWZqOOAgjxicj5gYGA8YnI+IyMjIyMg5L2N
5Zu+5ZKM55+i6YeP5Zu+IDxicj5gYGA8YnI+5L2N5Zu+5Lmf5Y+r54K56Zi15Zu+77yM5piv55Sx
5LiA5Liq5Liq55qE5pa55b2i55qE5YOP57Sg54K55o6S5YiX5Zyo5LiA6LW35ou85o6l6ICM5oiQ
55qE77yM5L2N5Zu+5Zyo5pS+5aSn5pe277yM5Zu+5YOP5Lya5aSx55yf44CC5LiK6Z2i6K6y55qE
NeenjeWbvuWDj+mDveWxnuS6juS9jeWbvuOAgjxicj7nn6Lph4/lm77lkozkvY3lm77nu4TmiJDl
m77lg4/nmoTljp/nkIbkuI3lkIzvvIzlroPnmoTlm77lg4/ova7lu5PmmK/nlLHlh73mlbDmm7Ln
ur/nlJ/miJDnmoTvvIzlvZPmlL7lpKflm77lg4/ml7bvvIzlrp7pmYXnmoTljp/nkIblsLHmmK/l
sIbmm7Lnur/kuZjku6XkuIDkuKrlgI3mlbDvvIzlm77lg4/lj6/ku6XovbvmmJPlnLDmlL7lpKfv
vIzogIzkuJTkuI3kvJrlh7rnjrDlg4/ntKDlnZfvvIzlm77lg4/ovrnnvJjkuZ/kuI3kvJrlh7rn
jrDplK/pvb/jgII8YnI+YGBgPGJyPiMjIyMjIHN2Zzxicj5gYGA8YnI+55uu5YmN6aaW6YCJ55qE
572R6aG155+i6YeP5Zu+5qC85byP44CCPGJyPuS8mOeCue+8muWbvuWDj+WuuemHj+Wwj+OAgeWb
vuWDj+aUvuWkp+S4jeWkseecn+OAgeaUr+aMgemAj+aYjuiDjOaZr+WSjOWNiumAj+aYjuiJsuW9
qeOAgeWbvuWDj+i+uee8mOWFiea7keOAgjxicj7nvLrngrnvvJroibLlvankuI3lpJ/kuLDlr4zj
gIIgPGJyPmBgYDxicj4jIyMjIyBmbGFzaCA8YnI+YGBgPGJyPumAgOWHuuWOhuWPsueahOmHjemH
j+e6p+e9kemhteefoumHj+WbvuagvOW8j+OAgjxicj7kvJjngrnvvJrlm77lg4/lrrnph4/lsI/j
gIHlm77lg4/mlL7lpKfkuI3lpLHnnJ/jgIHmlK/mjIHpgI/mmI7og4zmma/lkozljYrpgI/mmI7o
ibLlvanjgIHlm77lg4/ovrnnvJjlhYnmu5HjgIHov5jlj6/ku6XliLbkvZzliqjnlLvjgIHlj6/n
vJblhpnkuqTkupLjgII8YnI+57y654K577ya5LiN5pSv5oyB5pCc57Si5byV5pOO44CB6L+Q6KGM
5oWi44CB5rWP6KeI5Zmo6ZyA6KaB6KOF5o+S5Lu25omN5Y+v5pSv5oyB44CCIDxicj5gYGA8YnI+
IyMjIyMg5oC757uTIDxicj5gYGA8YnI+5Zyo572R6aG15Yi25L2c5Lit77yM5aaC5L2V6YCJ5oup
5ZCI6YCC55qE5Zu+54mH5qC85byP5ZGi77yfPGJyPjHjgIHkvb/nlKjlpKfluYXpnaLlm77niYfm
l7bvvIzlpoLmnpzopoHkvb/nlKjkuI3pgI/mmI7og4zmma/nmoTlm77niYfvvIzlsLHkvb/nlKhq
cGflm77niYfvvJvlpoLmnpzopoHkvb/nlKjpgI/mmI7miJbogIXljYrpgI/mmI7og4zmma/nmoTl
m77niYfvvIzlsLHkvb/nlKhwbmflm77niYfvvJs8YnI+MuOAgeS9v+eUqOWwj+W5hemdouWbvueJ
h+aIluiAheWbvuagh+WbvueJh+aXtu+8jOWmguaenOWbvueJh+WQq+WkmuenjeminOiJsu+8jOWP
r+S7peS9v+eUqGdpZuaIlnBuZ+WbvueJh++8m+WmguaenOWbvueJh+aYr+WNleiJsu+8jOiAjOS4
lOimgeaxguacieW+iOWlveeahOaYvuekuuaViOaenO+8jOWPr+S7peS9v+eUqHN2Z++8m+Wmguae
nOaYr+WbvueJh+aXtuWKqOeUu+eahO+8jOWPr+S7peS9v+eUqGdpZuOAgjxicj5gYGA8YnI+IyMj
IHBob3Rvc2hvcOaJuemHj+WIh+WbvuaKgOW3pzxicj5gYGA8YnI+5YiH5Zu+77yM5bCx5piv5LuO
5pWI5p6c5Zu+5Lit5oqK572R6aG15Yi25L2c6ZyA6KaB55qE5bCP5Zu+54mH6KOB5Ymq5Ye65p2l
44CCPGJyPjxicj4x44CB5L2/55SocHNk5qC85byP5bm25LiU5bim5pyJ5Zu+5bGC55qE5Zu+5YOP
5YiH5Zu+PGJyPjxicj4y44CB5Zyo5Zu+5YOP5LiK55So5YiH54mH5bel5YW35YiH5Ye66ZyA6KaB
55qE5bCP5Zu+PGJyPjxicj4z44CB5Y+M5Ye75YiH54mH77yM57uZ5YiH54mH5ZG95ZCNPGJyPjxi
cj4044CB5bCG6ZyA6KaB5Yi25L2c6YCP5piO6IOM5pmv5Zu+5YOP55qE5YiH54mH55qE6IOM5pmv
6ZqQ6JePPGJyPjxicj4144CB5omn6KGM6I+c5Y2V5ZG95LukIOWtmOWCqOS4undlYuaJgOeUqOag
vOW8jzxicj48YnI+NuOAgeeCuemAieWIh+eJh++8jOiuvue9ruWIh+eJh+eahOWbvueJh+agvOW8
jzxicj48YnI+N+OAgeWtmOWCqOWIh+eJh++8jOmAieaLqeKAnOaJgOacieeUqOaIt+WIh+eJh+KA
ne+8jOeCueWtmOWCqCjlpJrkuKrliIfniYfkvJroh6rliqjlrZjliLDmiYDpgInmlofku7blpLnk
uK3nmoRpbWFnZXPmlofku7blpLnkuK0pIDxicj5gYGA8YnI+IyMjIFBob3Rvc2hvcOWItuS9nOmb
queip+WbvuaKgOW3pzxicj5gYGA8YnI+6Zuq56Kn5Zu+77yM5bCx5piv5bCG572R6aG15Yi25L2c
5Lit5L2/55So55qE5aSa5Liq5bCP5Zu+54mH5ZCI5bm25oiQ5LiA5Liq5Zu+54mH77yM5L2/55So
Y3Nz5oqA5pyv5bCG6L+Z5byg5ZCI5oiQ55qE5Zu+54mH5bqU55So5Zyo572R6aG15LiN5ZCM55qE
5Zyw5pa577yM6Zuq56Kn5Zu+5Y+v5Lul5YeP5bCR572R6aG15Yqg6L295pe255qEaHR0cOivt+ax
guaVsO+8jOS8mOWMlue9kemhteaAp+iDveOAgjxicj48YnI+5q2l6aqk77yaPGJyPjxicj4x44CB
5L2/55SoUGhvdG9zaG9w5paw5bu65LiA5byg6IOM5pmv6YCP5piO55qE5Zu+54mHPGJyPjxicj4y
44CB5bCG5bCP5Zu+54mH5aSN5Yi25Yiw5q2k5Zu+54mH5Lit77yM5o6S5YiX5aW95q+P5Liq5Zu+
5YOP55qE5L2N572u77yM5Zu+54mH5bmF6Z2i5LiN5aSf5Y+v5Lul55So55S75biD5aSn5bCP6LCD
5pW05aSn5bCPPGJyPjxicj4z44CB5oyJ54Wn5omA5pyJ5bCP5Zu+54mH55qE6IyD5Zu06KOB5Ymq
5Zu+54mH77yM5a2Y5Li66YCP5piO6IOM5pmv55qEcG5n5Zu+54mHPGJyPmBgYDxicj48YnI+PC9w
Pg==">