Help:JPEG画像を減色しPNG画像として保存する方法 Help: JPEG and PNG image color reduction as a way to save images

出典: フリー百科事典『ウィキペディア（Wikipedia）』 Source: material may be challenged Wikipedia encyclopedia (Wikipedia) 』

ウィキペディアの記事内で使用されている有益な図や画像のなかには、実際はPNGフォーマットの方が適しているのに、 JPEGフォーマットで保存されているものが時々あります。 Some helpful diagrams and images being used in a Wikipedia article is actually PNG is the preferred format but, when the JPEG is what you save in many formats. JPEG形式は色が流動的に変化し多段階の色調で表現される写真のような画像に適しています。 JPEG format is suitable for photo-like images that are represented by multi-level tone color changing fluid. それに対し、PNGは比較的色数が少なく、色の変化や色の境界がはっきりした国旗・表・地図等の画像に適しています。 In contrast, PNG is a relatively small number of colors, suitable for a clear picture of the flag and map the boundaries of the color table and color changes.

そこで、JPEGからPNGへ変換する必要が生じますが、JPEGからPNGへ自動的に変換するだけでは、きれいな画像は作れません。 Therefore, JPEG arises from the need to convert to PNG, JPEG from just automatically converted to PNG is the Can not create clean images. 元のJPEGファイルよりも容量が大きく、質も落ちてしまうことが多々あります。 Higher capacity than the original JPEG files that many people would have even worse quality. しかし、使い慣れているグラフィックソフトウェアなどがあれば、うまくPNGへの変換ができます。 However, if you have any other graphics software are familiar, well you can convert to PNG.

[ 編集 ] JPEGからPNGへの自動変換の問題点 JPEG problems of automatic conversion from PNG to

数千色以上の画像を保存する場合（写真のように、シェードとトーンのきめ細かいグラデーションがあるのが典型的）、JPEGファイルとして保存するのが無難です。 If you want to save thousands of colors or images (like photos, typically have a clearer picture of the gradient shades and tones), JPEG is always better to save a file. JPEGの圧縮方法は、自然の景色にあるような階調度と柔らかいエッジを活用することができるので、そういった画像を保存するのに最適です。 How JPEG compression is that it can take advantage of such gradients and soft edges in the view of nature, ideal to store these images.

一方、PNGは劣化のない圧縮方法を用いており、各ピクセルごとに描かれているものを、そのまま正確に保存することができ、グラフや、国旗などの旗、地図、漫画などのような画像を保存するのに非常に適しています。 However, PNG is lossless compression method used, what is portrayed in each pixel can be stored exactly as, and graphs, banners and flags, maps, cartoons and other images such very suitable for storing. 鋭いエッジで、広い範囲に渡り単一な色で描かれている画像に対しての圧縮に最適なのです。 The sharp edge is ideal for compression of images is drawn for a single color over a wide area.

それに加え、PNGフォーマットは非常に汎用的でもあります。 In addition to that, PNG format is also very generic. PNGを True Color モードで保存した場合には、ほとんどの人間の眼で識別できないほど多くの色数が含まれていて、JPEGよりも細かいディテールのある画像を保存することもできます。 PNG to "True Color" mode when you save, they contain so many colors the human eye can not identify with most, JPEG images can be saved with more fine detail. ただし、True ColorのPNGで保存した場合、そのような画像を保存する最適な圧縮方法ではないため、容量の大き過ぎるファイルになってしまいがちです。 However, True Color When you save a PNG, because it is not the best compression method to store such images, files tend to become too big for its capacity.

単にJPEGをPNGに自動変換した場合、このようなTrue Color PNGが作成され、サイズの大きなファイルができてしまうことが多いです。 If you just automatically converts JPEG to PNG, these True Color PNG is created, you can often get a large file. そのようなPNGは、アップロードを行う前にインデックス化したり、インデックスパレットモードで変換するべきです。 PNG is such, or of the index before the upload, you should convert Indekkusuparettomodo. ほとんどの画像編集ソフトでは、True Colorモード(「フルカラー」や「 RGB 」モードとも呼ばれる）からインデックス画像に加工した時に使用する色数を決め、変換することができます。 Most image editing software, True Color mode ( "full color" or "RGB" mode is also called) to determine the number of colors used from the index when processing an image can be converted. どれくらいの色数を使用するべきかは、画像に依存します。 Or how to use the number of colors is dependent on the image. インデックス画像にするには256色以下でなくてはならず、しばしば16色、もしくはそれ以下の色数に指定した方がうまく画像を加工できることがあります。 Index images to 256 colors but not less often 16 colors, image processing may well be those specified in the number of colors or less. 「エラー補正」や「 ディザリング 」機能を用いることでよりよい加工ができることもあるでしょう（これらのオプションを使用したくないかもしれませんが）。 "Error correction" and "dithering" You will be able to use the processing capabilities and better (might not want to use these options). 自分の希望通りの加工ができるまで、何度も試してみるべきです。 Until you have your desired processing, and should try several times. ツールによっては、ファイル内の色数をカウントする機能もあります。 The tool has the ability to count the number of colors in the file.

[ 編集 ] JPEGで保存してしまった画像をPNGに適するように加工する方法 JPEG images stored in PNG had to be suitable to be processed

なんらかの理由で国旗のような画像をJPEGファイルとして保存してしまった場合、肉眼でも同じに見えるような近接している色が、不要に含まれてしまっていることが多々ありますが、実際のデータ上はこういった近接している色もすべて異なった色として記録されています。 Flag image as JPEG for some reason if you've saved as a file, the colors are as close to the naked eye looks the same, have too many that are included in the people you need, the actual data are recorded as on all different colors and these colors are close. 通常のPNGの圧縮方法では、これらの色の相違を必要以上に保持してしまうので、PNGで保存し直しても希望通りにファイルサイズを縮小できない可能性があります。 PNG compression is the usual way, so they hold more than necessary for these differences in color, PNG file size may be reduced as desired and re-save. それを防ぐためには、以下に記される方法で、実際に必要としている色数以上を含まないように、確認することが必要です。 To prevent it is to be written in the following manner, without the least number of colors that are actually needed, you need to check.

ここでは、ビットマップ編集を行う利用者の多くが使用している画像編集ソフト、 GIMPおよびAdobe Photoshopを使用しての変換方法を紹介します。 Here, the image editing software you are using a lot of users to edit bitmap, GIMP and Adobe Photoshop will show you how to use the translation.

1. 
   うっかりJPEGで保存してしまったフランスのロレーヌ地方の旗があるとします。 Suppose you have accidentally Flag JPEG Lorraine region of France had been saved. 多少ぼやけているかもしれませんが、見た目は問題ありません。 Might have a little blurry, it looks like no problem.
   
2. 
   ビットマップ編集ソフトで、 まったく同一の色のピクセルのみを選択できるように、[隣接（色）領域の選択]ツール（Adobe Photoshopの場合は[自動選択ツール]）を起動し、自動選択のしきい値を設定します（ここではGIMPを使用し、[レイヤー結合色]のしきい値=0にします）。 Bitmap editing software, you can select only the pixels of identical color, adjacent (color) Select area tool (Adobe Photoshop for the [automatic selection tools), and then start the automatic selection of threshold Set the value (in this case using the GIMP, combined color layer] = 0 then the threshold).
   
3. 
   右上の山吹色の背景部分をクリックします。 Click the upper right portion of the bright yellow background. 山吹色の部分内のすべてのピクセルが選択されているのではないことに注目してください。 Are selected at every pixel in the portions of the bright yellow, please note that no. JPEGで保存するとこのように不要な色情報を保持してしまうことが多く、ほとんどの場合その差異は肉眼では確認できません。 JPEG often they are not required to hold the color information you saved in this way, the difference in most cases you can not see with the naked eye.
   
4. 
   [隣接（色）領域の選択]ツールを再度設定し、もう少し適切に近接色を選択できるようにします。 [Adjacent (color) selection area and then re-set the tool to be able to choose a color close to the more appropriate.
   
5. 
   図で見てわかる通り、山吹色の部分が先ほどより多くの部分で選択されています。 As you see in the figure, are selected from many parts of the earlier parts of the bright yellow. 赤色の部分は含めず、右上の山吹色の部分すべてを選択できるように設定してみましょう。 Not including the red parts, let's all set to be elected in the upper right portion of the bright yellow. 状況に応じては、手動で目に見えるまだらになっている部分を取り除く必要もあります。 Depending on the circumstances, you also need to remove the portion that is still visible in their hand.
   
6. 上のように設定を行った後、山吹色の部分に適した色を選択し、エリア全体が塗りつぶされているか確認してください。 After you have made as above, select the appropriate part of the bright yellow color, please make sure the entire area has been filled. 使用するアプリケーションごとにその方法は異なります（GIMPの場合、[近接色域選択ツール]でエリアを選択した後、[画像から色を選び出す]で色を自動判別し、画像の上で右クリックして[編集]-[前景色で塗りつぶし]を実行。Photoshopの場合、[自動選択ツール]でエリアを選択した後、[スポイトツール]で色を自動判別し、[編集]-[描画色で塗りつぶし]を実行）。 How it is different for each application you use (GIMP, the Select Tool gamut proximity After selecting the area, select a color from the image and then automatically determine the color, right-click on the image and choose Edit - Fill with Foreground run. Photoshop, the Select Tool Automatic After selecting the area, on the eyedropper tool and then automatically determine the color, choose Edit - Fill with foreground color ] run).
   
7. 画像が右上と左下の山吹色と、中央の赤と、白い鳥マークとその枠の黒と、それらのエッジの中間色のみになったら、16色ほどまで色数を落とし、インデックスPNG画像として保存することができます。 Upper right and lower left and pictures of bright yellow, and red in the middle, marked with black and white bird that frame, when they only neutral edges, about 16 down the number of colors to color, saved as PNG image index can. うまく行くまで何度か試してみましょう。 Try a few times until you get well.
   

このような作業を行うことによって、元のJPEG画像よりもファイルサイズが小さく（これにより閲覧者側の画像ダウンロード時間も短縮される）、より鮮明でクリアな画像（JPEGではよくぼやけたエッジとにじみが、本来の色がスムーズである領域に生じてしまうことが多い）へ加工することができるでしょう。 By doing such work, the file size smaller than the original JPEG image (download time will be reduced by this image viewer side), from the crisp, clear images (JPEG bleeding edge and often blurred in is often thought not having a smooth area of the original color) will be able to be processed.

もちろん、グラフィックソフトで16色を指定し保存し直すだけで、上記の作業を短時間で行い、同じ加工結果が得られることもあります。 Of course, only 16 re-save the graphic software to specify the color of the above tasks quickly and you can get the same processing results. しかし、対象の画像にJPEG圧縮特有の染みやモアレができている場合、色数を指定するだけではうまくいきません。 However, if the images can be JPEG moire specific stains and compression, just specifying the number of colors will not work.