1. 利用css3 媒体查询，根据屏幕大小调整图片大小。 2. 使用响应式图片的策略，将不同尺寸的图片放入不同的标签中，根据 CSS 的媒体查询，在移动端上使用'width'为'100%'的样式实现图片缩放。 3. 使用懒加载图片技术，可以有效地提高网站访问性能，减少首页加载时间，提升用户体验。 4. 要谨慎选择合适格式的图片，尽量采用jpg或者webp格式，减小图片资源大小，提升网页加载速度。 5. 可以采用图片压缩算法，将图片尺寸压缩至最小，然后进行相关优化，采用WEBP格式的图片，可以进一步减少图片大小。
随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页?自适应网页设计（Responsive Web Design） 浏览器 设计师 好文分享 第1张手机的屏幕比较小，宽度通常在600像素以下;PC的屏幕宽度，一般都在1000像素以上(目前主流宽度是1366×768)，有的还达到了2
8月22号关于百度MIP的帖子里提到：没看到百度在搜索结果中怎样标注MIP页面，也没看到返回MIP页面的例子，也不知道哪些网站已经支持了 MIP，所以还不知道MIP结果是什么样子。当天下午百度站长平台的朋友就发微信给我，提供了MIP的实例。在手机搜索“里约奥运会”就能看到MIP效果，排在最前面的应该都是MIP页面，虽然没有特殊标记。打开速度确实很不错。从URL看，打开后显示的页面内容应该是百度服务
感谢Fimen的投稿：如果你运营在线商城又或是大型电商网站，图片优化是你必须要掌握的。不仅仅是从吸引潜在消费者，还是增加图片搜索流量，又或是提升网站加载速度，图片优化扮演者非常关键的角色。但说到图片优化，很多传统意义上的SEO人会说，图片要加alt标签，图片要压缩…这样的粗线条显然是不行的。今天我就和大家深入分享一下图片优化必须了解的8个知识点。1. 用结构化数据写产品图片ALT我们很容易使用照相
