The 15 picture website optimization principle

website now use a lot of pictures, so these pictures how to optimize it? Here DavidYin a list of 15 optimization principles, to share with you.

DavidYin told the 15 pictures above is the principle to optimize your.

12) in the smaller Gif and PNG images, can use lossy compression.

5) frame, on the page background, as far as possible the use of CSS to display, and do not use pictures.

13) if possible, using local compression, based on the clear prospects to ensure a greater degree of compression, background.

14) picture before optimization, if the noise, can be compressed to 20% extra much.

1) on the site at the beginning of design, the first to do the planning, such as how to use the background image and so on, be aware of.

10) for Gif and PNG files, dithering can be minimized, make the file smaller.

7) specified in the HTML picture size.

2) when editing the picture, to do the cutting, show necessary and important content, with the related part.

9) for Gif and PNG file format, minimize color digit.

8) if using Photoshop, zoom pictures usually make the image fuzzy, can use smart sharpen to make the picture more outstanding.

3) when the output of the picture, the picture size should be set properly, length and width of pixel is set to the size you need, and do not output the big picture, and then use the time specified, in smaller width, zoom picture.

4) as far as possible combination of decorative pictures, in order to save the number of HTTP requests, the specific use, using CSS sprite method.

15) jpg images can also blur the background, and then compressed, can be compressed more.

11) if you want to add the text on the picture, if possible, don’t put the text into the picture, instead of using a transparent background image, or CSS location so that the text in the image on the cover, which can obtain the same effect, but also to a greater degree of image compression.

images using the PNG format, can be used as far as possible, to replace the commonly used GIF and JPEG format. In the condition of ensuring the quality with the smallest file.

Author: David Yin


Leave a Reply

Your email address will not be published. Required fields are marked *