no-repeat;cursor:pointer}.broken_link,a.broken_link{text-decoration:line-through}こんぷれHOMEプロフィールお問い合わせホームブログ関連GIFとJPGとPNGの使い分けについてブログ関連TwitterFacebookはてブPocket2018.06.27こんにちは、ゆんつです。画像の保存形式には様々なものがあります。その様々な保存形式のなかでもブログにアップする画像で良く使われるのがGIF,JPG,PNGではないでしょうか。僕はこれらの形式について良く解っておらず、ただ漠然と画像をアニメーションさせたい場合はGIF、静止画の場合はJPGかPNGという感じで使い分けをしています。解ったうえで使い分けをしたいので、今日はブログにアップする画像に適したファイル形式について勉強したいと思います。写真をJPG・PNG・GIFで保存し比較してみる画面キャプチャ画像をJPG・PNG・GIFで保存し比較してみる結論それぞれの特徴GIF最大256色まで扱うことができる。ロゴやアイコンなど色数の少ない画像に向き、写真など多くの色を表現するものには向かない。可逆圧縮(画像を何度保存しても劣化しない)なので画像保存の際に劣化が起きない。JPGに比べて文字やイラストの輪郭ははっきり綺麗に見える。画像をパラパラ漫画のようにアニメーションさせることもできし、画像を透過することもできる。JPG最大1677万色まで扱うことが出来るため、写真など多くの色数が必要なものに適する。非可逆圧縮(画像を保存する際にデーターの一部を捨てる)のため保存を繰り返すたびに画像は劣化し、一旦画像を圧縮すると元には戻せない。色数の多い画像の場合PNGよりもファイルサイズは小さくなる。GIFやPNGに比べて、文字やイラストなどの輪郭がにじんで汚く見えることがある。PNGJPG同様最大1677万色まで扱うことができ、画像を透過することも出来る。JPGとは異なり可逆圧縮で、画像を保存しても劣化しない。JPGに比べて文字やイラストの輪郭もはっきり綺麗に見える。色数が多い写真などではJPEGよりも、かなりファイルサイズが大きくなる。写真をJPG・PNG・GIFで保存し比較してみる同じ画像をJPG、PNG、GIFで保存して見え方と、ファイルサイズの大きさを比べてみます。ファイルサイズ536KBGIF:ファイルサイズ180KBパッと見ではJPGとPNGの差はわかりませんが、GIFは色数が少ないせいか柱や猫の体の質感がのっぺりしていて元の画像の色とはだいぶ違います。JPGとPNGはどちらも差が無く綺麗に見えますが、サイズはJPGがPNGの約半分となっています。ちなみにJPGの画像を品質80で圧縮してみるとファイルサイズは62KBまで圧縮され、なおかつ見た目もあまりPNGと大差がないような気がします。写真はJPGの方が良さそうです。JPGなら写真の見た目をあまり損なうことなく大幅にファイルの大きさを圧縮できることが解りました。ファイルサイズ34KBGIF:16KBむぅ~正直僕の眼ではどれも同じに見えます。ファイルサイズは明らかに違いますね。色数が少ないのにもかかわらずJPGはファイルサイズが大きいです。色数が少ないものはGIFかPNGのほうがサイズが小さい事がよく解りました。以上を踏まえて、僕が今後ブログにアップする画像の保存形式を決定しました。GIFとういこと決定しました。キャプチャ画面やイラストはGIFの方がPNGよりもファイルサイズが小さくなったのでGIFの方が良いのかもしれませんが、現在はGIFよりもPNGの方が主流のようなのでそれに倣います。これからは画像の保存形式は以上のような使い分けをしようと思います。これまでの記事は修正するのが面倒くさいのでそのままにします。それでは、またですー。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。プロフィールこっそりゆんつ山口県在住です。Reserved.メニューHOMEプロフィールお問い合わせホーム検索トップサイドバープロフィールこっそりゆんつ山口県在住です。(17)エックスサーバーで。