1. 利用css3 媒体查询，根据屏幕大小调整图片大小。 2. 使用响应式图片的策略，将不同尺寸的图片放入不同的标签中，根据 CSS 的媒体查询，在移动端上使用'width'为'100%'的样式实现图片缩放。 3. 使用懒加载图片技术，可以有效地提高网站访问性能，减少首页加载时间，提升用户体验。 4. 要谨慎选择合适格式的图片，尽量采用jpg或者webp格式，减小图片资源大小，提升网页加载速度。 5. 可以采用图片压缩算法，将图片尺寸压缩至最小，然后进行相关优化，采用WEBP格式的图片，可以进一步减少图片大小。
移动端用户访问网站是需要为流量付费的，如果网站的图片过大会直接导致用户流量的增长，长此以往，用户都不敢点开网站了。很多因素影响，图片过大会直接导致网站打开速度减缓。刚接触SEO的新手可以通过下面的几个方法来进行移动端图片的优化：1、图片使用CDN（Content Delivery Network，内容分发网络）加速。2、少用动态GIF图。3、图片不宜过多及过大。4、零散图片使用CSS Sprite
访问请求数直接影响用户的浏览体验，请求次数过多会延长网站的打开速度，网站的打开速度直接影响了用户的跳出率。因此整理了减少访问请求数的方法，供大家参考。（1）、资源合并及压缩：比如将背景图片，导航图片等作为一张图片，这样只要一次请求，而不是多次。（2）、静态资源（CSS,JS,Image）懒加速。（3）、异步执行inline脚本。（4）、避免重复的资源请求。（5）、缩小Cookie。（6）、设置连接
Alt标签和Title标签是用于优化和完善网页的两个重要元素，它们的区别如下： 1. Alt标签：Alt标签是用于给图片添加描述性文字的标签。当图片无法显示时，浏览器会显示Alt标签中的文字内容，这样有助于用户了解图片的内容和意义。Alt标签对于视觉障碍者来说也非常重要，屏幕阅读器可以朗读Alt标签内容，使他们能够了解图片的内容。此外，搜索引擎也会根据Alt标签来理解图片的内容，从而对网页进行排
1. 利用css3 媒体查询，根据屏幕大小调整图片大小。 2. 使用响应式图片的策略，将不同尺寸的图片放入不同的标签中，根据 CSS 的媒体查询，在移动端上使用'width'为'100%'的样式实现图片缩放。 3. 使用懒加载图片技术，可以有效地提高网站访问性能，减少首页加载时间，提升用户体验。 4. 要谨慎选择合适格式的图片，尽量采用jpg或者webp格式，减小图片资源大小，提升网页加载速度
