Access denied | www.bkjia.com used Cloudflare to restrict access
Please enable cookies.
What happened?
The owner of this website (www.bkjia.com) has banned your access based on your browser's signature (40c3c94e90cd6d18-ua98).我用PS切图的时候切好后为什么不能存储为wed所以格式_百度知道
我用PS切图的时候切好后为什么不能存储为wed所以格式
我有更好的答案
...确定 存储为wed所以格式 回答是不是你的步骤还没做完 还是停留在选取状态 所以不能储存 追问： 切片工具啊 回答： 那应该不会出现选项是灰色的情况啊 你以前出现过这样的情况没： 按步骤来 应该都没什么问题啊 追问： 555 那怎么办啊啊啊 回答： 要不你把你的操作步骤给我说下 我看你哪步出错了 补充： 或者你把图片给我 我帮你切 追问： 打开图片 点第5个右键 切片工具 右建划分切片 选择.？ 追问： 看过了 看过了 回答
采纳率：64%
为您推荐：
其他类似问题
切图的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。现在位置： &
& 【PS切片】Photoshop切片详细教程,保存为web格式含html
【PS切片】Photoshop切片详细教程,保存为web格式含html
数据加载中...
PS切片是淘宝美工必须会的一个技术,所以这边教大家如何去切片
疯狂的美工手机客户端
手机看教程,学经验,看新闻
管理疯狂美工账号
请使用QQ扫一扫
阿里巴巴装修助手代码工具
疯狂的美工京东装修助手
常见问题/技术分享
微信扫一扫关注
疯狂的美工会员QQ群
会员1群(满):
会员2群(满):
会员3群(满):
会员4群(满):
会员5群(满):
会员6群(满):
会员7群(满):
会员8群(满):
会员9群(满):
会员10群(满):
会员11群(满):
会员12群(闲):
分享本页到
如果觉得我们软件不错您可以：
／产品相关
锋狂网络科技有限公司旗下
版权所有 Copyright(C)2013 - 2018
浙ICP备号-3利用PS自动切图、支持svg且支持icoMoon——再也不用四处去转格式了
时间： 13:07:22
&&&& 阅读：10802
&&&& 评论：
&&&& 收藏：0
标签：今天想导出svg格式的图片支持webFont，结果AI打不开了，文件好像损坏了，于是就想办法在PS里面导出。
网上搜索到一篇文章，腾讯的&，
同时还会引用到一个三方脚本 &&，
三方脚本的一篇文章 。
最终找到了解决办法，最终实现的效果是：修改图层名为xx.png xx.svg等格式会自动导出切图，导出的svg支持icomoon。
我的PS cc支持，PS cc 以下版本不确定，可以先看看本地的PS文件夹里有没有下图的这些文件
以下是腾讯那篇文章的部分引用，也是我们必须要操作的步骤：
自动切图（含WebP、SVG格式）：
前端开发人员经常需要将很多图层切出成独立的图片。有了自动切图功能，无需花更多时间来切图了。只需在图层名后添加相应格式后缀（如.png)，即可自动输出所需格式的图片。
请保持菜单&编辑-&首选项-&增效工具&中的&生成器&为启用状态；
依次点击菜单&文件-&生成-&图像资源&，确认该菜单项已被勾选；
试着修改某个图层命名(如 iTunes.png)，然后检查当前 psd 文件所在目录下的&文件名-assets& 的目录，打开此目录，发现 iTunes.png 已经躺在里面了。
常用技巧：
@2x&Retina 图片的输出，在图层前添加 200% 即可，如 200%
开启 WebP、SVG 格式的自动输出： 新建 generator.json 文件，内容如下：
"generator-assets":& {
"svg-enabled": true,
"webp-enabled": true
将此配置文件拷贝至： Windows: (Win+R后输入 %USERPROFILE% )目录下，如 C:\Users\xxx Mac OS: $HOME 如&Macintosh HD&Users&xxx& 目录下 WebP 输出暂只支持 Mac OS。
上面这个地址在windows，我的电脑里是这样的：
& 以上仅仅是支持了自动切图&。
以下是另一篇文章的引用，这里将脚本引入到PS，使能够导出正确的svg文件：
将PS图层转换成SVG文件的免费脚本【小工具分享】
发现一款将PS图层转换成SVG的小脚本，分享给大家！免费的哦
关于什么是SVG 请自行百度。
下面简单说一下小工具的使用：
1.新建文档
2.画出形状（位图 &矢量图 &智能对象）都可以
3.将图层命名为&文件名.svg&（一定要改后缀）。保存文档
4.文件--脚本--浏览--找到脚本 即可生成
5.生成的文件保存在你的源文件存储的位置
注：1.我使用的版本是是PS CC 和 2014（PC和MAC都试过），CS6之前的版本没有试过
& & & &2.选择多个图层导出也可以
& & & &3.当然，你也可以把脚本复制到PS的安装目录，方便以后使用
& & & &4.有些朋友反映生成出来的只有.AI，没有.svg，如果这样的话请将自己电脑里面的AI升级一下再试
& & & &5.如果还不行的话，PS 2014里面有个&抽出资源&，也是可以生成svg的，只是这个脚本方便一些，看自己中意&
& 4.生成的文件有两个（.ai和.svg） 请根据需求取舍
&以上步骤，已经实现了修改图层名后缀 自动保存为相应格式
下面是iconmoon里遇到的问题：
svg在页面上能显示，但我把svg导入到icomoon里，发现是空的
用编辑器打开自动导出的svg和之前设计师转换过的svg对比：
（1）这是PS自动导出的svg
（2）这是在icomoon里可以使用的设计师转换过的svg
这个&g&标签应该是不影响的，应该是svg标签里，这段属性
把这段属性粘贴到PS导出的svg里，保存再导入到icomoon里，成功了，那么现在需要去修改ps文件夹里的脚本，把这段属性给加上。
打开三方下载的save-ps-to-svg1.0.jsx，发现里面没有svg的标签配置，那可能这个配置是PS自带的，在找配置文件遇到了一些坑，
不过最后还是成功找到了正确的文件
.jsx文件其实就是用javascript写的，Generator-builtin这个目录里你还会发现有node_module。
打开getLayerSVG，修改代码如下（修改代码要看仔细避免出错），宽高可以自己定，但是viewBox和enable-background的值也要相应改动
OK，现在修改图层（位图 &矢量图 &智能对象）后缀为.svg就可以支持iconmoon了。
但是还有一个问题：我们如果修改为.png，导出的 图片大小 为 图层 图形 的大小（符合切图的需求），
而svg不一样，我们现在设置的宽高是20px，在PS上，它会从画布的左上角来保存图片，如图，我们必须得把.svg图层放到正方形方框内
这个问题我还没有解决，因为这或许还得改ps脚本文件里的代码，但是我确实不知道改哪里。
现在有两个办法：
第一个是新建并保存一个psd文件（必须保存psd，svg导出目录是根据psd文件所在位置定的），
把宽高设置成getLayerSVG配置文件里的宽高，然后把需要转换成svg的图层都放进来自动导出。
第二个办法就是在原psd里面，把.svg图层移动到上图红色方框的位置再保存。
作为一个前端是很少切图的，这样能提高我的效率，就算是设计师，也许用到这种方法也可以提高效率，如果你不是
设计师，那你就用这招去讨好公司的设计师妹纸吧，~
如果在操作中出现问题，可以留言给我。
&标签：原文地址：http://www.cnblogs.com/1wen/p/4555373.html
&&国之画&&&& &&&&chrome插件&&
版权所有 京ICP备号-2
迷上了代码！18被浏览23,151分享邀请回答14 条评论分享收藏感谢收起86 条评论分享收藏感谢收起}