Alt标签和Title标签都是用于描述网页中的图片或链接的属性。 Alt标签是在图片无法显示时所显示的文字，也可以被“读屏软件”读取，以帮助视障人士更好地理解图片内容。此外，Alt标签对于搜索引擎来说也非常重要，因为搜索引擎无法直接读取图片内容，但可以通过Alt标签来了解图片的含义和主题，从而提高网页的搜索排名。 Title标签是显示在鼠标悬停在链接上时的提示文字，既可以用于解释链接指向的内容，也可以用于吸引用户点击。在SEO方面，Title标签也占据重要的地位，因为搜索引擎会抓取网页中的Title标签，以确定网页的主题和内容。 因此，虽然Alt标签和Title标签都是描述图片或链接的属性，但它们的重点不同。Alt标签是为了支持用户体验和搜索引擎优化，Title标签则是为了更好地向用户和搜索引擎解释链接的内容。
1. 对图片进行命名和描述：为每张图片命名，确保它们与页面或所在文件夹的主题相关。在文件名中使用关键词，避免使用非字母符号。此外，为每张图片添加描述和标签。 2. 压缩图片大小： 确保图片大小尽可能小。较大的图片会使网站变慢，导致搜索引擎排名下降。可以使用像Kraken.io之类的在线工具来帮助压缩图片大小。 3. 使用合适的格式：将图片保存为JPEG、PNG或GIF格式。JPEG格式适用于照
Alt标签和Title标签是常用的HTML标签，用于描述图片和链接的附加信息。 Alt标签是在网页中显示图片出现问题时的替代文本，也可以帮助搜索引擎了解图片内容，提高网站SEO。当图片无法加载时，将会显示Alt文本，帮助用户理解图片内容，同时避免了图片无法显示的空白区域出现。因此，Alt标签应该用简洁明了的语言描述图片内容，并尽量包含主要关键词，一般应当简洁并准确规范。 Title标签用于为链
图片alt属性是搜索引擎唯一能识别的图片信息，因此，在优化网站时，尽可能利用alt属性阐述图片的主题内容，但是又要避免关键词的重叠堆砌，该图片属性作用也不仅仅告诉搜索引擎图片的主要信息，另外在图片出现加载失败时，还能够让访客理解图片所阐述的内容！用来对网页上的图片进行描述，光标在图片上时显示的提示语即采用该标签实现。从SEO和用户体验来看，ALT-代替属性都是必要的，其重要性主要有：网页内容相关性
1. 利用css3 媒体查询，根据屏幕大小调整图片大小。 2. 使用响应式图片的策略，将不同尺寸的图片放入不同的标签中，根据 CSS 的媒体查询，在移动端上使用'width'为'100%'的样式实现图片缩放。 3. 使用懒加载图片技术，可以有效地提高网站访问性能，减少首页加载时间，提升用户体验。 4. 要谨慎选择合适格式的图片，尽量采用jpg或者webp格式，减小图片资源大小，提升网页加载速度
