Does not accidentally? how do i choose the correct image format

Picture type being able to select it is just?

The next two pictures viewing.It is the picture of the same contents, but something differs. You probably will understand something differs?

Underneath (B) one having become dim clearly, being rough, the shank.
* It is considerably to be extreme example but.

In other words, with this picture being able to select the picture type whose A is correct it is, B is that selection of picture type is strange.

Details some time ago of 2 pictures are as follows.

The difference of both is picture type.As for above (A) GIF type, as for underneath (B) it is JPEG type.
In other words, it is to be the selection whose GIF type is correct than JPEG type in regard to this picture.

It explains afterwards, but as for JPEG type it is possible to select bulk compressibility. With the above-mentioned example, in order to become close in size 3.7KB of GIF type, bulk compressibility is set high.Because of that, it is the case that roughness is conspicuous. So, in order to be visible in the same way as GIF type, when it tries reducing bulk compressibility, how it becomes, probably will be?

in turn, JPEGroughness of the form, but who also does not stand out, instead the file size is considerably big i have been.
that is, for this image is still, JPEGformat thanGIFis to say the right choice of the form found.

so, please look at the following example:.

what if this time? do you see in the same way?
it may look different in both the slope of the road and somehow, it optical illusion is. both (differing only in image format) is exactly the same photo.

for details, on the next page!

do you have the correct image format can be selected?

so, please look at the following example:.

what if this time? do you see in the same way?
as you may know the difference and see the sky around, well, it may be a trivial difference. but, you notice a difference and take a look at the details of both.

AandBin, i think that you can see that the file size is not the same at all. GIFfound the format 2times or more greater it is.
therefore, in this image, rightJPEGwould say it is correct selection of the form.

GIFif the format, can be changed freely the number of colors. if you have a small size also reduces the number of colors. there, JPEGof the form 11.2KB what happens when we reduce the number of colors for the size is smaller to the extent?

in turn, file size is both, 11.2KBis. but, it is obviously goodJPEGit is how the format. GIFmore of the form, i have a gradient no longer be represented in order to reduce the number of colors was.
you’ll notice the road well and see the sky and in particular.
from this that, in this image, rightJPEGwould say it is correct selection of the form.

now, why, why so far in the selection of different image formats? also, what do i think how good or which format is?
this time, let that point i will introduce.

so, to next page

the format of each field of expertise

commonly used image formats on the internet, GIF (ziff) -PNG (ping) -JPEG (joint photographic experts group) of3there is a kind. PNGthe format isGIFas the successor of the formGIFbecause it is a format that appeared to solve the problems in the form, let us consider here is the same.

GIFandPNGspecification is a big difference in, JPEGwhen compared toGIFandPNGis true in a format similar. (below)

then, the image format is commonly used, GIF/PNGform and JPEGform of2will be that the type exists.

and, each of the two the field of specialty there are. if you do not correctly identify their areas of expertise, as the previous example, image is rough or has become, the file size is large or has become.

first image format and what is?

first image format and what is?
weuse is usuallyPCto the, likei there is a file format. home page HTMLform it is, Worddocument that was created in the Wordform will be saved to a file.

in, image with respect to why image format that1rather than in the form of a kind, what exists in multiple formats?

in fact, GIFformat andJPEGthe format and image format, such as, dedicated image compression format is such that.
the image data, as it is for a very large data, trying to reduce the data size by performing a compression, the idea is. compression schemes that, GIFformat andJPEGlike format, etc.is not that there is a method.

in a picture format, BMP (bitmap) format, etc., there is also a compressed format that does not, is in a compressed format but it is also misleading and they asserted that. but, many forms perform compression format.

each image formats, have decided to target a certain type of image is, image compression method that works best for that type of has been used. that type of target image know if you put, make a wrong choice of image format that does not have.

so, the format of each, let us introduce the type of image that are good.

so, to next page

the format of each field of expertise

so, the format of each, let us introduce the type of image that are good.

JPEGform

let’s say away from the conclusion. put simply,

JPEGthe format is, are suitable for photo.
JPEGthe format is, the illustration is not suitable for.

……you say.

in the previous example, first All About i used the logo of. that time, JPEGthe format is a better choice., i had become rough image is out of focus..
in the following example that, i used the photographs of landscape. at that time,, JPEGfound the format, i had become smaller file size.

JPEGthe format is, it is suitable for image compression, such as color change continuously, such as photographs. in reverse, as shown in the illustration border of color compression of such images is clear that is not suitable for.

also, JPEGthe format is lossy compression in the form of a, to reduce the information from the original image (truncate some of the data) that, has adopted a method for smaller data size. would you like to reduce the extent to which information compression rate freely because you can specify in the form of, in exchange for the image becomes grainy, there is considerable advantage of being able to reduce the data size.

i do not care much roughness raise the compression ratio up to a point each week., roughness will cause noticeable even if only a little compression of border color images and illustrations are clear.

it should be noted, lossy compression named as, onceJPEGwhen converted to a format, there is no way to return to the original state again. (from some of the data have been truncated)
if you want to save without degrading, what you save in a proprietary format of the image editing software to create, lossless compression method (below) bePNGdo i save in a format such as.

GIF-PNGform

let’s say from here is also the conclusion.

GIF-PNGthe format is, are suitable for illustrations.
GIF-PNGthe format is, the photo is not suitable for very.

……you say. JPEGit is the opposite and is.

in the example used above is an illustration of, GIFthe format is a better choice., have smaller file sizes, i did not have a picture or even coarse.
in reverse, in the case of using a photo, the image was stomach looks nice, file size was very large.

GIFformat andPNGthe format is, have clear boundaries of color, as shown in illustration, it is suitable for image compression has been used many places in a row exactly the same color. in reverse, as shown in the picture, the color image compression is being used a lot is not suitable for. (=data size does not become too small. )

also, GIFformat is alsoPNGformat is also lossless compression a method called, the information of the original image100%it holds, by converting these formats will be too grainy image that there is no.
but, also be used to image not suitable types of, file size does not become too small.

using image editing software, GIF/PNGwhen you output in the form of, some have the ability to reduce the number of colors we color reduction. is not higher possibility that the file size is much smaller and use this, to the original image data will not return and do this. (since that is not to reduce the number of colors. ) simply, this is a matter of processing by the image editing software akumademo, GIF/PNGis not a problem in image format called format.

particularly, GIFregard to the form is, at most256can not only represent a color, the full-color photographs are not suitable.
PNGbecause the format supports the full color, although you can also use photo, (with respect to photo) JPEGthe smaller the data size is not.

brief summary & some cases

so at the end, contains a brief summary of how to select the image format.

so, to next page

in brief

in brief, you can say as follows:.

photo JPEGform. illustration GIF/PNGform.

going a step further,

large number of colors, such images is that changes color continuously JPEGform.
have clear boundaries of color, many same-color image is a continuous GIF/PNGform.

if you remember in this way, will be able to select the correct image format is almost certainly.

conclusion

if you posted a screen image of the software, in many cases, GIF/PNGhow to format is suitable. but, if you create a thumbnail image, JPEGand even if you meet is better., if you processed the original image, there is also a type of the original image only if it is not possible to determine the appropriate format.

in that case, GIFformat andJPEGtry both the format conversion, how rough is not, you may want to adopt the smaller of the size. low conversionis troublesome, Photoshopby using the software, such as, so you can compare the results easily convert multiple formats, if you are using images frequently, we recommend that you also consider the introduction of such software.

since much trouble do you have a picture, without leave or use coarse, using the format appropriate to the type of image that, let’s look nicer.

recently, broadband (fast transfer speed line) the user has also increased, still narrowband (slow line speed line) many users will stay. it, to say that broadband users, it was better to be completed early there is no display of the page.
page as much as possible so that the light, please try to select the appropriate image format.

(related article)

• image1like a starstar level(rank)display
• without the use of imageCSShow to round off the corners with only
• without opening a separate window, view larger image on the fly!
• i provided the margin between the image and the borders?
• to prevent possible gaps in the mystery of the image under