html5开发手机端切图什么格式

jpg,gif,png都行

HTML5版相对有响应速度快(本地读取)、拖拽功能简单、前端切图不需要依赖服务器，减少开发成本。

在旧版的切图工具里，我们的做法是将图片上传到服务器，然后通过服务器端把图片切好后把对应的地址返回，前端再把页面显示出来。

这样的做法会导致在网络慢时出现长时间的等待，而如果页面放弃这里的 *** 作，还需要将图片从服务器端删除掉。在拖拽参考线时也只能通过大量的代码去实现，还需要编写一些服务器端代码。

学习HTML5需要掌握的知识点知识点有以下几个：

一、HTML5基本组成：

1、HTML5=HTML+CSS+JavaScript

2、HTML指的是结构：结构是在整个网页中有标题、列表、图片等。

CSS是样式：样式是标题文字的字体大小、颜色、字体；图片大小；某个块的背景色或背景图等。

JS是行为：行为是在网页上四处飘动的广告；图片滚动；浏览图片时鼠标移动到图片时，放大缩小图片的效果。

二、容易混淆概念：

1、HTML5移动端的功能和应用程序：

对于苹果手机中的应用程序，属于iOS开发，语言是OC；对于其他安卓系统的手机，需要使用JAVA语言进行开发。HTML5能够做的是移动端的网页以及微信平台中移动端网页。

2、前端后台的区别：

无论HTML5还是iOS，在整个网页开发流程中，前端（HTML5）开发工程师，主要负责的是“前台页面制作”，“网站测试”，“修改”三个部分。

3、HTML5与网页设计与制作的区别：

原有的网页设计与制作，主要针对PC平台，进行网页网站的设计与制作，相对会涉及一部分设计工作，并将美工图实现成网页。通常使用的工具是网页三剑客—Photoshop、Flash、Dreamweaver。

然而，行业的发展使得“网页设计与制作”这一职业逐渐遭到了淘汰。其中原因之一就是网页设计与制作当中的结构实现，通常采用的是table布局；而web前端开发工程师、HTML5当中结构的实现，采用的是DIV+CSS方式的布局，因此，Dreamweaver工具的使用也就没有什么必要性了，取而代之的是内存占用小，开发速度快的文本类编辑器。而Flash在与HTML5的大战中战败，当前已经退出了移动端以及电视平台的市场争夺，在PC平台也越来越少。转言之，Flash在网页制作的领域里已经江郎才尽，原来的网页三剑客只剩下一个ps，在前端工作要求中，需要掌握基本的切图即可。

总结：随着互联网的快速发展，HTML5已经慢慢的渗透到我们的生活中，因此HTML5前景十分光明，需要我们牢牢的抓住机会，通过一些专业的学习后能够在这个行业发光发热。

切图本应该是前端工程师的工作吧，设计师切的图往往不专业，他们不知道把图片压缩，不知道把图片合并，更不知道给图片更好命名，这样前端拿到切图还是要重新处理。优秀的设计师会把图层分类做的很好，图层按照模块化设计，很方便前端工程师来使用的。不会切图的前端不是合格的前端。图层乱七八糟的设计师也不是个合格的设计师

---