前回記事が若干勢いだったので補足実験&まとめをしました。。
環境:Mac OSX-Photoshop CS2 & FireFox
●JPEG
・1670万色まで使用可能
・非可逆圧縮
・RGB/CMYKカラーモードで使用可能
・階調の変化には強いもののベタに弱い
●PNG
・最大280兆色まで使用可能
・JPEGより30~35%程度データが重い
・可逆圧縮
・透明/半透明を使用可能
・RGB/インデックスカラーモードで使用可能
・階調の変化にもベタにも強い
●同一サイズでJPEGとPNGを比較●
①小サイズ(365×436)イラスト

左→PNG(200KB)/右→JPG 最高画質(240KB)
PNGの方が軽くなりましたΣ(・ω・ノ)ノ
色数が少なく階調がはっきりしていると、
PNGの方が軽くなるようですね。。
違いは特に感じませんねえ。
②小サイズ(390×270)PH

左→PNG(300KB)/右→JPG 最高画質(244KB)
写真だとやっぱりJPEGの方が軽いです(・ω・)/
こちらも小さいし特に違いは感じないですね。
③大サイズ(778×1000)イラスト

左→PNG(500KB)/右→JPG 最高画質(360KB)
JPEG粗い…かと思ったら、、どちらもそんな違いがないです。
(前回の比較はPNGを500KBに抑えての実験だったので、
比較するJPEGは1200pixelありました。。)
※MacのSafariだとPNGの方の色が濃くなるという違いはありました。。
左→safari上の表示 右→元PSDとUP画像原寸表示時の比較

というわけでJPGでさらっと試してみたら、以下のサイズで
クリック原寸表示で粗さの違いがでました(・ω・)/
皆様のPC上では違いが出ていますでしょうか??
●JPG 最高画質_1025×798

●JPG 最高画質_1050×817

元々UP時に多少の処理はされているんでしょうけど、
幅1000pixelを超えたあたりからより一層
JPEGとPNGの違いが出てきてしまうので、
これくらいのサイズより下ならJPEGでもPNGでも
さほどの違いはないようですね。。
※のSafari表示の違いを除いて(´・ω・`)
今までJPEGを使用してきましたが、小さい画像に関しては
特に何も気になりませんでしたしね(・ω・)/
まあアプリとかグラデとか、環境や使用する機能によって
多少違いはまた出てくるとは思うのですが…。
前回の記事での検証がちゃんとできていなかったため、
今回と併せて色々混乱された方がいらしたら申し訳ありません。。
私も正直WEB上での画像の扱いはまだまだ無知なもので、、
DTPとともにまだまだ勉強していこうと思いますです。
そして皆様にとって何らかの参考になりましたら幸いです。。
で、そんな後からこんなものを…。

ブログネタ:
【ハロウィン企画!】スーパーマン・魔法使いなど
一度だけ何かに変身できるなら、何になりたい? 参加中
猫になりたい(´・ω・`)
き~みのうでの~な~か~
食っちゃ寝食っちゃ寝愛想を振りまき
セレブなご家庭でアイドル的扱いを受けたいです。。
でも猫は赤を認識できないらしいから
どんなにきらびやかなお屋敷でもそのすごさが
いまいちわからなそうですけど…(´・ω・`)

うちの子は最近よく1階のテーブルの上に乗ってこんななってます。
2階の居間で座椅子メインにしていた時はそんなことはなくて、
ここしばらく私がテーブル横のPCデスクに座りっぱなしなので
目線の高さを合わせようとしているんだろうと思いますが、
う~んどうなんでしょう…(´・ω・`)
今回はこの曲です。
結構見つけるのに苦労しましたね…
というわけで引用長すぎです(・・;)

およげ!たいやきくん 子門真人 歌詞情報 - goo 音楽
しかし、、使いたい曲は沢山あるのに、
今回のしりとりルールにに当てはまらないというのは
何かはがゆいものがありますね(ノω・、)
思い出のあの曲とかあの曲とか使いたいのになあ…。。
環境:Mac OSX-Photoshop CS2 & FireFox
●JPEG
・1670万色まで使用可能
・非可逆圧縮
・RGB/CMYKカラーモードで使用可能
・階調の変化には強いもののベタに弱い
●PNG
・最大280兆色まで使用可能
・JPEGより30~35%程度データが重い
・可逆圧縮
・透明/半透明を使用可能
・RGB/インデックスカラーモードで使用可能
・階調の変化にもベタにも強い
●同一サイズでJPEGとPNGを比較●
①小サイズ(365×436)イラスト

左→PNG(200KB)/右→JPG 最高画質(240KB)
PNGの方が軽くなりましたΣ(・ω・ノ)ノ
色数が少なく階調がはっきりしていると、
PNGの方が軽くなるようですね。。
違いは特に感じませんねえ。
②小サイズ(390×270)PH

左→PNG(300KB)/右→JPG 最高画質(244KB)
写真だとやっぱりJPEGの方が軽いです(・ω・)/
こちらも小さいし特に違いは感じないですね。
③大サイズ(778×1000)イラスト

左→PNG(500KB)/右→JPG 最高画質(360KB)
JPEG粗い…かと思ったら、、どちらもそんな違いがないです。
(前回の比較はPNGを500KBに抑えての実験だったので、
比較するJPEGは1200pixelありました。。)
※MacのSafariだとPNGの方の色が濃くなるという違いはありました。。
左→safari上の表示 右→元PSDとUP画像原寸表示時の比較

というわけでJPGでさらっと試してみたら、以下のサイズで
クリック原寸表示で粗さの違いがでました(・ω・)/
皆様のPC上では違いが出ていますでしょうか??
●JPG 最高画質_1025×798

●JPG 最高画質_1050×817

元々UP時に多少の処理はされているんでしょうけど、
幅1000pixelを超えたあたりからより一層
JPEGとPNGの違いが出てきてしまうので、
これくらいのサイズより下ならJPEGでもPNGでも
さほどの違いはないようですね。。
※のSafari表示の違いを除いて(´・ω・`)
今までJPEGを使用してきましたが、小さい画像に関しては
特に何も気になりませんでしたしね(・ω・)/
まあアプリとかグラデとか、環境や使用する機能によって
多少違いはまた出てくるとは思うのですが…。
前回の記事での検証がちゃんとできていなかったため、
今回と併せて色々混乱された方がいらしたら申し訳ありません。。
私も正直WEB上での画像の扱いはまだまだ無知なもので、、
DTPとともにまだまだ勉強していこうと思いますです。
そして皆様にとって何らかの参考になりましたら幸いです。。
で、そんな後からこんなものを…。
ブログネタ:【ハロウィン企画!】スーパーマン・魔法使いなど
一度だけ何かに変身できるなら、何になりたい? 参加中
猫になりたい(´・ω・`)
き~みのうでの~な~か~
食っちゃ寝食っちゃ寝愛想を振りまき
セレブなご家庭でアイドル的扱いを受けたいです。。
でも猫は赤を認識できないらしいから
どんなにきらびやかなお屋敷でもそのすごさが
いまいちわからなそうですけど…(´・ω・`)

うちの子は最近よく1階のテーブルの上に乗ってこんななってます。
2階の居間で座椅子メインにしていた時はそんなことはなくて、
ここしばらく私がテーブル横のPCデスクに座りっぱなしなので
目線の高さを合わせようとしているんだろうと思いますが、
う~んどうなんでしょう…(´・ω・`)
今回はこの曲です。
結構見つけるのに苦労しましたね…
というわけで引用長すぎです(・・;)

およげ!たいやきくん 子門真人 歌詞情報 - goo 音楽
しかし、、使いたい曲は沢山あるのに、
今回のしりとりルールにに当てはまらないというのは
何かはがゆいものがありますね(ノω・、)
思い出のあの曲とかあの曲とか使いたいのになあ…。。
