「JPEG?」ブログに最適な写真サイズと拡張子の話「PNG?」

ブログに貼る画像に適した拡張子

皆さん、ブログに貼りつける画像ファイルって、

何で保存したものを使っていますか？

主に、JPEG（JPG）、PNG、GIFがあると思うんですが、

見た目には違いがないように思います。

ある？

試しにヒメちーの画像

２０パーセントに縮小してから

jpegで保存した画像１１６KB

２０パーセントに縮小してから

pngで保存した画像１７０KB

ファイル形式の違いをざっくりと説明すると、

JPEG（ジェイペグ）とは、ファイルの拡張子でもあり、

静止画像データの圧縮形式のことを指します。

JPEGとは、静止画像データの圧縮形式の一つ。

フルカラーの画像を多少の劣化を伴いながら高い圧縮率で圧縮できるのが特徴で、

写真など自然画像の記録に向いている。

ファイル名の標準の拡張子は「.jpg」あるいは「.jpeg」と表記される

PNGには８bitは前述のGIFと同じ２５６色に対応する８bit（PNG-8）と、

フルカラーの保存が可能な24bit（PNG-24）の２種類がある。

また、圧縮率が同等で同じ内容のGIF形式ファイルより１０〜３０％小さい。

棒グラフや折れ線グラフのような図版、シンプルなイラストの保存に適している。

となっています。

多分普通に、カメラで撮った写真って、JPEG方式で保存されているし、

それを加工したり圧縮したりしても、同じ拡張子のまま使ってると思うんです。

参考までに、一般的に適してるとされる用途

ところが、わたしが使っている画像編集ソフト、

保存するときにこういうメッセージが出るんです。

jpegで保存した画像１０８KB

で、劣化する、とまで言われてしまうと、

PNGの方がいいのかなーって思って、そうしていたんですが、

同じ大きさで保存した写真のサイズはちょっとPNGの方が重いんですよね。

ページ読み込み速度を測ったら、悲惨な結果。

一枚はほんの７０KB程度の差でもちりも積もれば…なわけで。

画像サイズを改善せよ、と出ました。

ほんとはもっと、改善するべき項目が出たけれど、

よくわからないのでわかるとこから始めようかしら、なんて。

ワードプレスには、画像の最適化、というプラグインがあるのですが、

これを使うと、元画像、最適化されたもの、コピーと３枚に増えちゃうんです。

いくら無制限のサーバーを借りているとはいえ、どうなんだろう、というのと、

自分がなんだかいや、という理由で使っていないのですが、

やはりJPGを使った方がいいんでしょうか？

見た目には差がありますか？

どう思います？←丸投げｗ

決定的瞬間を撮られる猫

ヒメちーは？どう思う？

ヒメはよくわかりませんが、ヒメが可愛く写ってればいいと思います。

そ、そうねえ…それはそうなんだけど…

じゃあ、頑張って可愛い写真撮るわ。

あ！

パシャ！

パシャ！パシャ！

決定的瞬間を撮ったわね。

これは高画質で載せちゃわなくっちゃ。

今日のお昼

スーパーのチルドコーナーで買った物。

シマダヤの鶏白湯まぜそば。

ゆでたキャベツ、ホウレンソウ、わかめ、チャーシュー、ゆで卵。

見本通りの具材はなにひとつ入れなかったけれど、

すっごい美味しかった！

これはリピだわー！