为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
资讯 活动



https://img1.sycdn.imooc.com//633efa1d0001053c07290333.jpg

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

https://img1.sycdn.imooc.com//633ef9e60001db5710760636.jpg


https://img1.sycdn.imooc.com//633efae2000177a207570324.jpg

https://img1.sycdn.imooc.com//633efdbd000142e202180119.jpg确保每个图选中,就把它进行一次全部选中的操作,


https://img1.sycdn.imooc.com//633efb660001389903880386.jpg

https://img1.sycdn.imooc.com//633efb740001610205080301.jpg

画布大小如上变化如上;

https://img1.sycdn.imooc.com//633efb8c00013d4806290488.jpg


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

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



https://img1.sycdn.imooc.com//633efc1c000169e308710554.jpg

保存这个网站了。




https://img1.sycdn.imooc.com//633efc3c00019e0008210449.jpg


https://img1.sycdn.imooc.com//633efca70001ab9003850300.jpg



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

https://img1.sycdn.imooc.com//633efcdd000118cb03520179.jpg



https://img1.sycdn.imooc.com//633efcfd0001975a06480262.jpg


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

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


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消