1. Use image compression tools to compress images. Some images are not compressed enough in the image format sent by the artist. (tinypng) 2. Thumbnails. If you want to display small images, you can generate thumbnails in the backend for use. 3. The background or regular background of some controls can be realized through CSS instead of using images 4. Use some lazy loading methods to display images to make the image loading transition more natural.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Generally, I like to use Svg for header or footer, especially for mobile devices, it must be svg
Just dynamically generate image links based on the screen resolution and the image server will handle it automatically
1. Use image compression tools to compress images. Some images are not compressed enough in the image format sent by the artist. (tinypng)
2. Thumbnails. If you want to display small images, you can generate thumbnails in the backend for use.
3. The background or regular background of some controls can be realized through CSS instead of using images
4. Use some lazy loading methods to display images to make the image loading transition more natural.