What are the pros and cons of the jpeg format

What are the advantages and disadvantages of each of the JPG, GIF, PNG and BMP formats?

JPG, GIF, PNG and BMP have the following advantages and disadvantages:

1. Advantages.

JPG: The JPEG image format was designed with the goal of compressing the file size as much as possible without compromising the quality of the images that are humanly distinguishable. This means that JPEG removes some of the original information from the image, i.e., lossy compression is performed.The advantage of JPEG’s images is that they use direct color, and thanks to richer colors, JPEG is ideal for storing photographs that are used to express more vivid image effects, such as color gradients.

GIF: GIF is lossless, and using the GIF format to save images does not reduce the quality of the image. But thanks to the compression of data, GIF format images, its file size is much smaller than the BMP format images. The small file size is the advantage of the GIF format, and at the same time, the GIF format also has the advantage of supporting animation as well as transparency.

PNG: PNG is a relatively new image format, and PNG-8 is a very good alternative to GIF. Whenever possible, PNG-8 should be used instead of GIF, because PNG-8 has a smaller file size for the same image effect.

BMP: This is an older image format.BMP is lossless, but at the same time this image format does little to compress the data, so images in BMP format typically have larger file sizes. Although the simultaneous support of indexed and direct color is an advantage

2, disadvantages

JPG: Compared with GIF, JPEG is not suitable for storing corporate logos, wireframes type of figure. Because the lossy compression will lead to blurred pictures, and the choice of direct color will lead to larger image files than GIF.

GIF: The GIF format only supports 8bit indexed colors, which means that only 256 different colors can exist in the whole picture.

PNG: PNG-8 itself supports animation, it is just poorly supported by browsers and not as widely supported as GIF.

BMP: The too-large file format format makes it almost useless, and it is now almost invisible except in Windows operating systems where it is still relatively common.

Extended information:

Image file formats have the potential to compress the file size of the image to varying degrees, and the compression of images is divided into two types: lossy and lossless compression.

Lossy compression. Refers to the process of compression of the file size, the loss of a part of the picture information, that is, reducing the quality of the picture, and this loss is irreversible, it is not possible to have a lossy compression of the picture from the picture to recover the whole picture. A common means of lossy compression is to merge nearby pixels according to a certain algorithm.

Lossless compression. Only the file size is compressed without any loss of quality in the image. The original information can be recovered from a lossless compressed image at any time.

Briefly describe the advantages and disadvantages of the three commonly used file formats JPEG / GIF / PNG format in UI design?

[Answer]: GIF: Advantages: GIF format supports background transparency, which will be combined with the background of the browser to generate non-rectangular pictures; support for animation, before the emergence of Flash animation, GIF animation can be said to be the only form of animation in the web page; support for graphic gradient, gradient pictures will appear on the screen faster than non-gradient pictures, which can allow visitors to know more quickly the overview of the picture; supports lossless compression.

Disadvantages: The biggest disadvantage of GIF’s indexed color format is that it has only 256 colors, which is clearly not enough for photo-quality images.

JPEG: Advantages: can support millions of colors, which can be used to express the photo; file length is smaller, the download time is shorter; the compression ratio is quite high, the quality of the image from the point of view of the quality of the browsing point of view will not be too much damage, so it is greatly convenient for network transmission and disk exchange files; JPEG compression ratio of the photo is greater, the final quality is also better.

Disadvantages: lossy compression of the image will produce unrecoverable loss, JPEG is not as flexible as GIF images, it does not support graphic gradient, background transparency, and does not support animation.

PNG: Pros: good display, high compression ratio, while retaining the following characteristics of the GIF file format: use of color lookup tables, streaming read/write performance, successive approximation display, transparency.

Disadvantages: does not support dynamics; cannot be compressed significantly for images with a lot of color information (e.g., photos).

pnggifjpegtiffbmp the advantages and disadvantages of these formats, long story short

bmp bitmap file benefits do not need to be compressed to deal directly with the image data, and jpg, png, gif these files to deal with the picture, then you need to be converted into a bitmap file! The bad thing is that the volume is large! The advantage of jpg is that the volume is small, the disadvantage is that when the conversion is slow, there is a loss of source bitmap data! ; gif decompression speed, so its compression ratio is not as high as png, gif itself is not shrink compression, it can only be compressed is not greater than 256 kinds of color bitmap, more than 256 will have to be converted first, after the conversion will result in distortion, different conversion methods, the degree of distortion is not the same! png compression will not limit the bit depth of the bitmap, the same as the purpose of the gif, just png pictures will not be png compression will not limit the bit depth of the bitmap, the same purpose as gif, except that png images will not move, if the depth of the source bitmap is lowered, png will also be distorted!

What are the characteristics of the various formats of pictures

1, JPEG:

Most cameras are able to shoot JPEG, this format by compression of the original photo file, reducing the file size, so that the details and quality of the photo loss. The files in this format are relatively small, and some cameras are capable of taking JPEGs of different qualities (e.g., low, medium, and high).

JPEG is used for personal use, uploading to social media albums, small prints, emailing, and when you don’t plan to do much post-production.


This is the most commonly used industry-standard format, and some printers require the use of the TIFF format. It is widely used in the storage and conversion of images that require high image quality.


Flexible and inclusive structure, the vast majority of image systems support this format.


The format is more complex and also takes up space.

3, RAW

It is able to retain all the original shooting information, such as white balance, exposure, contrast, saturation, sharpness and other data, so that they can all be adjusted in the post.

Different manufacturers of RAW format, is a different way of computing and form, more common such as CR2 (Canon), NEF (Nikon), ARW (Sony), RAF (Fujifilm), etc., each factory will have its own supporting software, but the use of AdobeCameraRaw can be adjusted (too new models have to wait for the Adobe update).


Relative to JPEG and TIFF, it not only guarantees the picture quality and color of the photo, but also saves storage space. Some high-end digital cameras are more capable of outputting almost lossless compressed RAW files.


The storage takes up a lot of space, the transfer takes longer, and if the memory card isn’t big enough, you’ll run out of memory before you’ve taken a few shots.

4, DNG

DNG, whose full name is Digital Negative, is a RAW format proposed by Adobe in an attempt to address the lack of open standards between raw data files from different camera models. It is essentially the same in nature as RAW, but is generally smaller than RAW files and can save up to 20% in capacity.

Some camera brands already offer the option of shooting DNG directly, but it’s still not universal across all digital cameras; Adobe offers a free AdobeDNGConverterprogram.


Makes processing faster, and can be used in LR and PS.


Because not all cameras can shoot DNG, it will be one more conversion trouble.

5, PNG

This is used in the nineties to improve the GIF and the design of the format, generally used in JAVA programs, web pages or S60 programs, the reason is that it is a high compression ratio, generating small file size.


Compatible with semi-transparent or transparent images.


Larger than JPEG and cannot be used for printing.

6, GIF

With PNG, it is also a commonly used on the network format. GIF format can store multiple color images, if the data stored in a file of multiple images read out and displayed on the screen, it can constitute a simple animation.


Small size, ideal for use on the Web, can create animation.


It can only contain up to 256 colors.

7, BMP

BMP is a lossless file format invented by Microsoft, initially used on the Windows platform, but now the BMP format can be used on Mac computers as well.The BMP format saves color data in each individual pixel and does not do any compression. It therefore provides a high quality image that can be used for printing purposes.


Can be used for printing and is a format that retains a high quality image.


The size is generally large.

8, PSD

AdobePhotoshop default save format, can be divided into layers, than any of the original image, more flexibility. As long as the layers are divided, you will be able to add any special effects on top without affecting the original photo. However, once the layers are merged and stored, they cannot be restored, so it is best to keep a PSD as a backup when generating other files.


Ability to process images in different layers, and images can be saved in any format.


The more layers you have, the more space you consume.

Expanded information:

Common image formats:

1, JPEG (JointPhotographicExpertsGroup)

2, TIFF (TaggedImageFileFormat)

3, DNG ( DigitalNegative)

4, PNG (PortableNetworkGraphics)

5, GIF (GraphicsInterchangeFormat)

6, BMP (Bitmap)

7, PSD ( PhotoshopDocument)

8, RAW

What are the advantages and disadvantages of GIF images and JPG images in web design?

In a way, whether a web designer is good or not can be concluded from whether he or she has reasonably adopted various image formats in WEB development (or web design).

1. JPEG?

JPEG is a compressed image format that balances size and quality. In layman’s terms, it means: high compression ratio = low image quality = small file size. Conversely, low compression ratio = high picture quality = large file size. Since JPEG files do not maintain 100% of the pixel data of the original image, it is not considered a lossless image format.


Because of this extremely sensitive balancing characteristic, JPEG is ideally suited to be used in picture (photo) situations that allow for slightly distorted pixels with rich color. Conversely, JPEG format images are not suitable for simple color (tone less) images such as logos, various small icons (ICONS).

2. GIF

The GIF format is an image format developed specifically to enable images to be used in online applications.Gif, sometimes referred to as “Giff”, is a lossless, 8-bit image format. The term “lossless” means that 100% of the original pixel data information of the image is preserved. The term “8-bit” refers to the depth of color that can be represented – an 8-bit image can only support a maximum of 256 different colors (an image with more than 256 colors would be distorted if saved as a gif).


Due to the limitations of the 8-bit color depth, Gif is not suitable for storing photos that are too colorful. However, it is ideal for:


*Small icons

*Images used for layouts (e.g., corners of a layout, borders, etc.)

*Simple, small images containing no more than 256 colors


The GIF supports a basic level of transparency. Transparency:

GIFs support basic transparency, which means that you can make certain pixels of an image “invisible” when it is placed on a web page. This means that you can make some pixels of the image “invisible”, so that when it is placed on a web page, we can see the background color (the image) behind the image through these invisible areas. This feature is very useful: if you need to place the content of a gif on top of all the images, you can make it transparent.


The GIF format is compressed using the LZW algorithm, which is patented by Unisys. A long, long time ago, if you wanted to use the GIF format, it meant that you had to pay Unisys for a patent license. But happily, this patent expired on June 20, 2003, and we can now use GIFs for free!


GIFs also support interlacing. Interlacing allows images to load and display faster in the browser. This feature is especially useful for those with slow Internet connections.

Animated GIF:

An animated GIF file is a moving picture that consists of a number of frames linked together. When displayed, these dynamic frames are repeatedly drawn and read out to form a simple animation effect. Reasonable use of GIF animation can add a combination of static and dynamic effects for the web page, while excessive use will make the web page cluttered.

In PHOTOSHOP JPEG and psd file format advantages and disadvantages

PSD files are convenient for modification, once the later is not satisfied with a certain aspect of the work can be modified

And JPEG is the finished product output, the layers have been merged, basically there is no significance of the modification

That is to say, you need to save the PSD file. And output to JPG and other common file formats

(Suggested to develop a few steps to do a click to save, or PS crash …… half a day for nothing)