Web design, to ensure that the picture is clear, under the premise of the picture smaller the better. This can reduce bandwidth usage and speed up Web page opening. Especially for the portal site and a very high volume of web sites, if the picture can be smaller than the original 10K, then save the bandwidth is quite obvious. Then requires the designer in the production or generation of images, choose the appropriate format and quality, as far as possible to compress the picture volume smaller. The following on the internet commonly used two formats GIF and JPG How to choose to explain my views.
When do I choose GIF format? When do i select JPG format?
There is no fixed limit to the choice of GIF and JPG formats, but be sure to keep it a bit better. Picture color single, by color block or text composition, less gradient as far as possible in GIF format, this can reduce a lot of volume; When the picture color is rich, the transition color is more when the suggestion uses JPG, below see two examples.
Look at this site logo, the same size of the picture, save into a GIF format than JPG format is much smaller, the image will be magnified when the JPG will produce noise, the quality is not as good as GIF, that of course to choose GIF, because the logo color is very single.
Look at the above two pictures, from Baidu Search after a part of the interception, while saving in two formats, the left is a GIF format, the right is JPG format. From the picture's properties, the GIF format size is 46.4KB 63.1kb,jpg format, and can be compressed if the quality requirements are not high. However, it can be seen from the present, JPG format is more clear than GIF, GIF format automatically change the similar color into a color, this is the last example of the GIF format does not produce noise reasons.
Through these two examples, I believe you have the choice of web design gif format and JPG format to understand it, but in practical applications, the proposal to save in two formats, more contrast, slowly will find out when to use GIF, when it should be used jpg.