继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

【十月打卡】第6天——切图基础教程-前端工程师版3-2

weixin_慕仰6527671
关注TA
已关注
手记 33
粉丝 1
获赞 1



http://img3.mukewang.com/633efa1d0001053c07290333.jpg

要把多张图片合并为为一张图片,减少打开图片的请求时间,提高网页打开效率。保存为web图,先把对象的图层隐藏掉,选择工具+Ctrl+点中不需要的底面。确保你的图全是格子的透明底,在进行保存。

http://img4.mukewang.com/633ef9e60001db5710760636.jpg


http://img.mukewang.com/633efae2000177a207570324.jpg

http://img.mukewang.com/633efdbd000142e202180119.jpg确保每个图选中,就把它进行一次全部选中的操作,


http://img4.mukewang.com/633efb660001389903880386.jpg

http://img4.mukewang.com/633efb740001610205080301.jpg

画布大小如上变化如上;

http://img1.mukewang.com/633efb8c00013d4806290488.jpg


这是用PS拼出来的一张图,保存好,这样做,所有用户图片或选中用户图片,效率比较低,太麻烦了。

应该用第三方工具,还可以把CS写好。



http://img2.mukewang.com/633efc1c000169e308710554.jpg

保存这个网站了。




http://img2.mukewang.com/633efc3c00019e0008210449.jpg


http://img2.mukewang.com/633efca70001ab9003850300.jpg



找到文件,是点按钮或者拖文件都可以。

http://img2.mukewang.com/633efcdd000118cb03520179.jpg



http://img3.mukewang.com/633efcfd0001975a06480262.jpg


左边是间距大小,默认是10;右边是放置的位置。

点个下载,你的雪碧图就搞好了。


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP