-背景图片设置

---

一、背景图片设置

1、设置方式

• 有下载需求的图片采用 img 标签实现（方便用户下载），无下载需求的图片采用 CSS 背景图实现
  • 下载需求：比如产品 logo、用户头像、用户产生的图片等
  • 无下载需求：比如icon、背景、代码使用的图片

2、图片的src

img 的 src必须要有个值。延迟加载的图片也要增加默认的 src。src 取值为空，会导致部分浏览器重新加载一次当前页面

3、图片的alt

为重要图片添加 alt 属性，提高图片加载失败时的用户体验

4、图片的width 和 height

添加 width 和 height 属性，以避免页面抖动

二、图标favicon

保证 favicon 可访问

• 原因：在未指定 favicon 时，大多数浏览器会请求 Web Server 根目录下的 favicon.ico 。为了保证 favicon 可访问，避免 404，必须遵循以下两种方法之一：
  • 在 Web Server 根目录放置 favicon.ico 文件。
  • 使用 link 指定 favicon。

<link rel="shortcut icon" href="path/to/favicon.ico">