响应式图片技术的思想是什么呢？

响应式图片技术思想：不仅要同比的缩放图片，还要在小设备上降低图片自身的分辨率。这个技术的实现需要使用几个相关文件，我们可以Github上获取。包括一个JavaScript文件(rwd-images.js)，一个.htaccess文件，以及一些范例资源文件。大致的原理是，rwd-images.js会检测当前设备的屏幕分辨率，如果是大屏幕设备，则向页面head部分中添加BASE标记并将后续的图片、脚本和样式表加载请求定向到一个虚拟路径"/rwd-router"。当这些请求到达服务器端，.htacces文件会决定这些请求所需要的是原始图片还是小尺寸的"响应式图片"，并进行相应的反馈输出。对于小屏幕的移动设备，原始尺寸的大图片永远不会被用到。响应式设计，就是同一个页面文件，在不同的设备端呈现不同的样子。在我看来，它的缺点有页面加载的代码多了，导致文件增大了，影响加载速度。为了适配不同的设备，响应式设计需要大量专门为不同设备打造的css及js代码，这影响了页面加载速度。尤其是js代码，若处理不好，在配置低的机子上浏览会很卡。

虽然可以通过某些技术选择性地加载响应式设计代码，但浏览器对这方面的机制支持还不够完善。在响应式设计中，图片、视频等资源一般是统一加载的，这就导致在低分辩率的机子上，实际加载了大于它的显示要求的图片或视频，导致不必要的流量浪费，影响加载速度。虽然现在有各种智能判断设备特性而加载不同图片或视频的技术，但浏览器支持同样不够完善。对大型门户或电商网站来说，响应式设计目前确实不太适合。

大家可能对响应式网站建设方面的文章已经看过不少了，也了解都其实做一个响应式网站挺简单的，只要在响应式网站建设过程中，加入几段代码或者调试几个格式就能简单做出一个响应式网站。对于用程序代码的方式制作响应式网站，今天也不给大家多说了，小编今天给大家讲讲针对于不懂编程代码的小白们，怎么快速制作响应式网站。

首先进入网站编辑

开始添加模块（PS：做响应式网站要添加模块分栏容器）

添加分栏容器后，再把你想要添加的内容加入到分栏容器当中。（PS：添加文字选择文字模块，添加图片选择图片模块）

图片可以设置成各种动画状态（PS：选定图片，右击属性选择动画）

网站优化的调整（PS：Nicebox较人性化设置，针对不同类型的网站，有不同的设置，还要网站优化方面的调适，可以设定关键字等等）