‘壹’ 有没有朋友在大公司做前端工程师的，他们切图一般都用什么软件哦，用什么方法切的，这个有
我们用的专门的摹客PS插件，可以一键下载所有切图。支持Sketch、Adobe XD、PS的设计稿，设计师只需在设计稿上进行切图标记，然后上传就可以了。
以PS为例，主要是这样操作：
1.在摹客官网安装并打开插件
插件安装好后打开PS，在“窗口>扩展功能”找到摹客插件，选择并打开。使用摹客平台账号登录。
2.标记切图
在完成的设计稿上，选中需要切图的图层或编组，点击“标记切图”。将在名称前增加“-e-”，“标记切图”变为“取消切图标记”，则标记切图完成。
3.上传至摹客
标记切图后，一键将设计稿上传至云端项目中，开发工程师就可以自主下载切图，只需在右侧面板中选中切图，点击即可下载。
摹客切图支持：
1.切图压缩：在右侧面板中选中切图
2. 切换平台和选择倍率：iOS、Android、Web
3. 下载选中切图，一步到位。
‘贰’ web前端ps怎么切图
切片工具切好，储存是存成web所有格式
‘叁’ web网页界面如何给前端标注，切图
1、开发经常用到的格式： PNG、SVG、JPG、PDF、WebP
2、我们内部团队实用的是蓝湖，一键压缩切图，告别了二次加工，高效。
‘肆’ 网站前端切图是什么意思，主要做什么
我们做网站的时候是要根据程序化来进行实现的，特别是做一个精品网站的时候，首先第一步就是设计网站，网站设计好之后即是切图，切图完就要加入div+css实现效果图，以及flash动画等功能了，切图完成之后才到下一步开发程序，这就是从前端的设计、切图到网站程序开发的一个过程。
网站的好坏，前端很重要，这是我们重视的一部分，前段必须把div+css做好，不能有多余的代码程序在里面，前端要是没有做好，往后的程序很影响seo的推广，这是很多企业做网站的时候忽略掉的问题，我们应该一手抓，俗话说的好，赢在起跑线上，只有系统化的前端div+css，设计，切图功能实现之后才有后面的程序制作，很多网站前端div+css做的乱七八糟的，不说兼容性行不行了，就是网络蜘蛛来获取页面的时候都很排斥的，所以说，切图是一个精品网站必备的，重中之重，不可忽视。
我们经过美工的设计页面，从每一张图片的整合到功能的实现都是切图来做的，切图人员必须具备有细心的品性，要严格要求每一步的到位，否则将会给后面的程序带来麻烦，一个精品网站的建设是要分为四个大的步骤进行的
第一、网站设计
第二、网站切图+div+css+功能美化
第三、网站程序制作
第四、后台的调用
‘伍’ 前端开发都需要哪些工具
每个前端开发人员都有自己喜欢的开发工具，用这些工具能让编码更容易并且“令人愉快”。分享一些我认为真的很棒的很棒的Web开发工具！
1.Glitch
https://glitch.com
好的，这不仅仅是一个工具，还是一个非常棒的编码平台以及一个很棒的技术社区。我可以在内置代码编辑器的帮助下托管我的项目。支持多种语言，但最适合NodeJS。
2.Shadows
https://brumm.af/shadows
这个网站提供生成平滑阴影的CSS代码，可以创建平滑的边框阴影。它看起来真的很流畅，令人满意。
3.Coolors
https://coolors.co
这是一款非常好的在线工具，可以为项目生成匹配的颜色方案。如果不喜欢当前的方案，按下空格键，它会重新生成一个配色方案，直到你满意~
4. Blobmaker
https://blobmaker.app
Blobmaker可帮助你随机生成各种尺寸，不同颜色和形状的SVG Blob。你可以用作背景或创建看起来很酷的动画。
5.Getwavs
https://getwaves.io
与Blobmaker相似，Get Waves能够随机生成不同颜色和不同数量的波浪。用作网页的页脚或页眉看起来不错。
6. Undraw.co
https://undraw.co
开放源代码项目的SVG插图集，可用来做登录页面，404页面等，当然普通页面也能用!上面的插图可以不带归属地版权的使用，无需支付任何费用。
7. Marcdown
https://liyasthomas.github.io/marcdown
由Liyas Thomas提供的在线实时的Markdown网页编辑器，它可预览Markdown代码，将其发布到GitHub上。它提供一个非常漂亮的暗黑模式。还可脱机工作，这使得它显得更出色。
8.postwoman
https://postwoman.io
这是Liyas Thomas构建的另一个工具。Postwoman是一个API请求构建工作。开发者可以不使用代理来测试 API。这是一个渐进式Web应用程序，可以保存到桌面来用。它是轻量级的产品，基本上可以是Postman的在线替代品。
9. Screely.com
https://screely.com
它可以帮助你创建超级漂亮的网站截图模型。如果你不是MacBook用户，但需要更好的网站图片作为自述文件，它非常适合我们。
10. CSS网格生成器
https://cssgrid-generator.netlify.com/
这是Sarah Drasner的创建的优秀网站，它使用CSS创建动态网格布局。
以上是10款web前端开发工具分享，希望对你有帮助。
‘陆’ 什么是切图用什么工具来切
制作网页，很多的时候，首先要用图片处理软件制作出网页的效果图。效果图做好是一幅完整的图片，不可能把这一整张的图片都用在网页里。把效果图中有用的部分剪切下来作为网页制作时的素材，这个过程就是切图。
在PS中，用切片工具切图，然后切换到Dreamweaver（中文是梦想编织者，网页设计软件）里用的。因为如果一个网页里大图太多，影响下载速度，所以不知道谁发明的，把PS出来的图中的纯色部分和其他部分分开，到DW以后再上颜色。其实就是把一个完整的图，切成几片而已（主意不是图层），就叫切片了。这样一来如果你想把某个部分{片}设个链接，貌似很方便。
切图的目的就是更加精确的进行网页布局。
photoshop、fireworks等软件都带有切片工具。
‘柒’ 前端新手需要写页面。但是老师要求先用photoshop先切图。需要一个会切图的大神帮下忙，非常感谢
你其实可以直接用专业的前端切图工具，比如摹客的PS插件来完成切图。摹客支持Sketch、Adobe XD、PS的设计稿，设计师只需在设计稿上进行切图标记，然后上传就可以下载所有切图了。
以PS为例，主要是这样操作：
1.在摹客官网安装并打开插件
插件安装好后打开PS，在“窗口>扩展功能”找到摹客插件，选择并打开。使用摹客平台账号登录。
2.标记切图
在完成的设计稿上，选中需要切图的图层或编组，点击“标记切图”。将在名称前增加“-e-”，“标记切图”变为“取消切图标记”，则标记切图完成。
3.上传至摹客
标记切图后，一键将设计稿上传至云端项目中，开发工程师就可以自主下载切图，只需在右侧面板中选中切图，点击即可下载。
摹客切图支持：
1.切图压缩：在右侧面板中选中切图
2. 切换平台和选择倍率：iOS、Android、Web
3. 下载选中切图，一步到位。
‘捌’ 前端切图和UI设计区别是啥
前端的三样基础，HTML，CSS，JS。一般前端切图是基础，给你一张设计图，不会给你太多时间切图，切出来的网页要兼容各个主流浏览器。切图的门槛很低，光会这个很难找到工作，就算有工资也不高。前端大部分的时间是在JS上面。
‘玖’ 切图用什么软件好呢
推荐一下我们团队在用的切图工具摹客。标注和切图都能解决，支持PS、XD和Sketch的设计稿，下载一个插件就可以用了，很方便。
切图：一键上传Sketch、PS、XD的设计稿，自动获取不同平台尺寸的切图，可以快速切换平台和选择倍率，也可以自定义设备尺寸。另外还支百持切图压缩。
标注：标注应该是他们比较特色的一个功能，除了自动生成的标注信息度，还可以手动快速补充文字、间距、区域、颜色等信息，非常全面。
这个工具我觉得最大的优点是用起来简单，可以试试。
‘拾’ 做前端在mac上使用什么切图工具好
安装蓝湖插件进行切图，PS、Sketch、XD 几种工具都支持，用蓝湖切图效率很高，一键搞定，自动生成多格式，开发可以直接选择下载需要格式的切图进行使用，还能复制代码进行开发，太赞了。