画像編集その2

1.ファイル形式の違いで、見え方は変わるか?

現役の鉄男君ではないのですが、鉄男君OB?なので、こういう場に出くわしますと、思わずシャッターを切ってしまいます。今回は、その中からの一枚を使って説明します。

画像のファイル形式としてポピュラーな4つを比較してみます。

4つとは、●JPEG、●PNG、●GIF、●BMPです。

それぞれのファイル形式に関する説明はこの場では割愛します。

【注意】ファイルサイズの表記は、アップロードした際のものです。拡大表示したものをダウンロートした場合、アップロードサイズに比較して、JPEGは小さくなり、PNGは大きくなります。つまり、PNGをアップロードする場合、サーバー上に占めるデータ量としては元のサイズよりも大きくなることに留意する必要があるということになります。

● JPEGファイル [大きさ:640x478 サイズ:236KB]

● PNGファイル [大きさ:640x478 サイズ:430KB]

● GIFファイル [大きさ:640x478 サイズ:158KB]

● BMPファイル [大きさ:640x478 サイズ:896KB]

● 4種類のファイル形式を並べての比較 [大きさは全て320x239]

ファイル形式の違いによって表現に顕著な違いが現れる部分だけをトリミングし、並べて比較してみます。結論としては、写真を掲載するのに最適なファイル形式はJPEGであることがわかります。PNGも捨てがたいですが、JPEGに比べファイルサイズが大きくなります。また、GIFでの場合は、色数の減少に伴いグラデーションの表現に粗さが目立つようになってしまいます。

JPEG [サイズ:61.8KB]

PNG [サイズ:108KB]

GIF [サイズ:40.5KB]

BMP [サイズ:224KB]


2.アプリによる加工で、多彩な表情を演出。

オリジナルの写真
オリジナルの写真

写真を掲載するのに最適なファイル形式はJPEGであることがわかったところで、JPEGファイルをアプリで加工して掲載してみます。元は同一の写真ですが、加工の仕方によって、印象が全く異なるのがわかります。

アプリによっては、加工する際、同時にファイル形式を変えている様です。PNGのものをJPEGに変えると表現も変わってしまいますので、何等かの仕組みがあるのでしょう。

※画像をクリックすると拡大表示できます。

 

JPEG 640x479 276KB by My Cartoon
JPEG 640x479 276KB by My Cartoon
JPEG 640x479 288KB by My Cartoon
JPEG 640x479 288KB by My Cartoon
PNG 640 x 478 609KB by PowerSketch
PNG 640 x 478 609KB by PowerSketch
PNG 640 x 478 706KB by PowerSketch
PNG 640 x 478 706KB by PowerSketch
PNG 640 x 478 615KB by PowerSketch
PNG 640 x 478 615KB by PowerSketch
JPEG 640x479 298KB by My Cartoon
JPEG 640x479 298KB by My Cartoon
PNG 640 x 478 606KB by PowerSketch
PNG 640 x 478 606KB by PowerSketch
PNG 640 x 478 426KB by PowerSketch
PNG 640 x 478 426KB by PowerSketch
PNG 640 x 478 380KB by PowerSketch
PNG 640 x 478 380KB by PowerSketch
JPEG 640x478 283KB by My Sketch
JPEG 640x478 283KB by My Sketch

JPEGで表現するかPNGで表現するかの判断は、どちらでも表現できる場合はJPEGで。PNGを用いるのは、PNGでなければ表現できない場合に限った方が良さそうです。

前回紹介したGIMPを使っても同様の加工は出来るようですが、画像編集のプロではないので、アプリを使って写真加工を簡単に楽しみながら、ホームページやブログを充実させたいと思っています。

● 画像加工に関して詳しく書かれたサイト紹介します。

マルチメディアデータの処理

http://cns-guide.sfc.keio.ac.jp/1999/7/index.html

自動再生OFF中< 

サイト内リアルタイム検索

最近の5ブログ

iPhone 6 Plus からブログ
>> 続きを読む

6秒ループ動画Vineを貼り付ける
>> 続きを読む

RICOH THETA 写真の埋め込み
>> 続きを読む

過去の全ブログを表示させるには
>> 続きを読む

文章の背景に色を付ける
>> 続きを読む

Jimdo本の紹介

Jimdo 公式サイトから

@JimdoJapan ツイート

参考にしているサイト

羽生大好き!バナー
ものさし