做前端开发必须要掌握切图技能吗
我07年做的前端，那个时候还没有前端的叫法，是后来才有的
那么以前管psd到html、css的实现叫什么？就叫切图，以前我的项目经理经常说 把这个图（设计稿）切一下，这个设计定稿了，需要切图，等等，老一批的前端应该都知道
后来叫前端，刚好和后端成对立面，也说的通
现在很多人认为前端切图不重要，框架很重要，我持不同的>见解/p>
切图是地基，各种框架是盖楼层，地基不牢，楼层再高也不稳
切图也好，框架也好，是为了构建一个标准的规范的页面，在好的框架必定是要建立在一个标准的、规范的页面之上的
各种js框架新技术我也会同步学习，但是随着我做的年限越长，我对是切图html，css等最最基础的东西越发保有敬畏之心，如何科学命名，合理布局，规范的css样式书写，兼容性等等我懂的越多，方之还懂的太少
这一点，我人为和练武功很像
你认为高手就是会各种拳法，我认为能无招胜有招才是高手
你学各种绝学，我潜心蹲马步，让下盘更稳
10年以后对决，任你水上漂，轻功上天，两人对决，你未必打赢我
主视觉切图法是什么
主视觉切图法（firework）是指将设计稿切成便于制作成页面的图片。切图用于完成html+css布局的静态页面，有利于交互，形成良好的视觉感。通俗来讲，把一张设计图利用到切片工具 把自己所需的切成一张张小图，然后前端开发用DIV+CSS完成静态页面书写，完成CSS布局。
手淘店铺装修美颜切图模块怎么用?如何装修>店肆/h2>
1、先进入店铺装修后台，在顶部选择【手机端】，在下发找到店铺首页，点击右侧的【装修页面】。
2、在左侧图文类中选择【美颜装修】模块，拖拽到店铺最顶端位置，在右侧出现的窗口中点击【上传图片】。
3、在图片空间中选择你想用的图片，然后选择好要裁剪的图片尺寸，点击保存。
4、然后再点击【添加热区】按钮。
5、图片中的蓝色区域就是可以添加链接的热区，把热区调整大小和位置覆盖产品，点击右侧的【链接图标】。
6、选择想要的产品链接，或者是优惠券链接，活动链接等，然后点击【确定】。
7、可以用同意的方法添加多个热区。这一点的好处是可以做一张图片上有4个优惠券，分别加单独的链接，很方便。然后点击【完成】。
8、最后点击保存，并点击右上角的立即发布，就可以完成美颜切图的装修了。
详情页切图怎么切
详情页切图通常需要考虑网页布局和用户体验。首先，使用设计工具如Photoshop或Sketch，按照设计稿的要求逐个元素进行切图，包括图片、文字、按钮等。
然后，根据不同屏幕尺寸和分辨率进行适配，保证切图后的素材在不同设备上显示清晰且美观。
最后，导出切图素材并进行命名，确保在开发中能够方便地使用和引入。切图时要注意保持素材的清晰度和质量，同时留出足够的空间和间距，以保证页面的整体美观和用户友好的交互体验。
ui切图>步调/h2>
切图是设计师交付给开发的产物之一，设计稿完成后，设计师需要将其切成便于制作成页面的图片。设计师切图时就需要用到切图工具，比如摹客，可以自动切图（支持Sketch、Adobe XD、PS的设计稿），设计师只需在设计稿上进行切图标记，上传至摹客即可，无需手动，开发可以自主下载和使用。
如何切图？其实很简单：（以PS切图为例）
Step 1.安装并打开插件
插件安装好后打开PS，在「窗口>扩展功能」找到摹客 插件，选择并打开。使用摹客平台账号登录。
Step 2.标记切图
在完成的设计稿上，选中需要切图的图层或编组，点击「标记切图」。将在名称前增加“-e-”，「标记切图」变为「取消切图标记」，则标记切图完成。
Step 3.上传至摹客
标记切图后，一键将设计稿上传至云端项目中，开发工程师就可以自主下载切图，只需在右侧面板中选中切图，点击即可下载。
除了自动切图，还有更多亮点功能：
1. 切图压缩：在右侧面板中选中切图
2. 切换平台和选择倍率：iOS、Android、Web
3. 下载选中切图，一步到位。
