Web Design tips: Web images Choose JPG format or GIF format

Source: Internet
Author: User
Tags format

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.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.