「このくらい書かないと何言ってるかわからんぞ」JPEGとPNG画像の可逆性による違い、解説画像の解説画像が必要なくらい難しい問題

つだしん @tsudashin jpegは不可逆圧縮でpngは可逆圧縮 保存を繰り返す毎に劣化するのがjpeg 解像度低く保存したものは元に戻りません という意味です ちなみにPNGは透過に対応、jpegは非対応 「PNGは色が少ない」と言ってる人いるが、jpegとPNG-24とも1670万色で同じで、ただPNGのデータ量はバカデカい 2023-08-19 10:02:54 つだしん @tsudashin 補足 jpegが一概に悪いわけでなくpng-24は機能的ゆえに重いので『PNGの恩恵がいらないなら基本はJPG』くらいで捉えるのがいい PNGの恩恵を受けつつ軽くしたい時は『PNG-8』も良い。PNG-8はたったの256色なので超軽い。(PNG-24は1678万色) ただし繊細なグラフィックには不向き(256色はGIFと同じ) 2023-08-19 13:01:51

[altar]

pngの圧縮アルゴリズムの仕様上同色の塗りつぶしやピクセル絵で圧縮率が上がる、という特性の理解は個人的には可逆性よりも重要で、アニメ塗りだとロスレスなのにjpgより小さくなる実例の話が見れたのはよかった。

[IthacaChasma]

1枚目の「良すぎる図」は、何を伝えたいのかまったくわからない。2枚目の図は、多くの人がなるほどと思うだろう。

[takeishi]

漢字の可逆圧縮と不可逆圧縮、で通じない人はそもそも判らないと思う

[TriQ]

2枚目の画像を1枚目の画像の人が素直に褒めてるのは良いと思った

[NOV1975]

誰向きの何なのかよくわからんが少なくとも一枚目は知ってる人なら説明のいらない話なので画像の意味がなく、知らない人だとこの画像が何を言いたいのか全くわからないので画像の意味がなく、結局無価値では

[ho4416]

この図のどこがわかりやすいのかさっぱりわからない

[srgy]

あとjpgは赤が汚くなりがち(エンコード設定にもよるけど) https://engineer.roomclip.jp/entry/37

[meishijia]

左は巻きグソってことはわかった。右は東京駅大丸で売ってるバームクーヘンやな。何回か見たわ。

[pmint]

長い。「JPEGは圧縮しすぎて劣化してしまう」でいい。どのツイートも細かいところを間違えてる。「非可逆圧縮」とかそれっぽい用語を使うと失敗するので注意。JPEGは30年も前のもの。新しい「JPEG2000」は普及しなかった。

[sillanda]

いわゆる「デザインの敗北」的なやつってこういうふうに生まれてんのかなと思った

[ikurii]

この例えだと、シワをきちんと伸ばせば綺麗に見えるようになる(可逆性)と勘違いしそう。

[rryu]

最初の図は横軸が保存回数、楕円の大きさが画像に含まれる情報量で、PNGは何回保存しても変わらないがJPEGは保存する度に情報量が減っていくということを言いたいのだと思う。まあ知ってないと絶対わからないよなこれ

[xlc]

写真はJPEG、アイコンはPNGと理解しておけばOKでは。

[justsize]

高校の情報の教科書に載ってる話なので、今後はみんな知ってる話になります。

[cl-gaku]

最初の図のなにがわかりやすいんか全くわからんな

[b4takashi]

「このくらい書かないと」の図がなかなか分かりやすい。もちろんPNGファイルの方が小さくなったりする例もあるとはいえ

[s15i]

それはそうと、WebPとかAVIFの分かりやすい説明が欲しい時代なのだわ。

[mitsube]

メモ帳スクショなんかは8bit減色してPNGがいいよね

[mobile_neko]

いずれの図解もPNG形式の圧縮についてまったく説明になっていない気がするのだが・・・

[adsty]

「良すぎる図」と自画自賛する図説が分からな過ぎる。

[nnnmmmlll]

高周波成分を間引いてる図かと思ったら違った

[rohizuya]

背景透過できるか出来ないかで分けていた。

[shikiarai]

jpgもデータの仕様から勉強すると面白いよ。大学図書館でちょっとだけ読んだくらいで読み終える前に追い出されちゃったけど

[securecat]

1個目のうんこみたいなやつはこれだと圧縮の説明にしかなってなくて可逆性の説明が1ミリも含まれてないだろ。そして2個目のJPEGとPNGを解凍したら元のままシワがつくっていう説明も意味が全然わからん。

[Harnoncourt]

mp3 = jpeg、FLAC = png、wav = bmp

[REV]

XGAくらいの画像を、PNGとかJPEGとかBMPとか、いろいろなフォーマットで保存すると色々分かることが。あと、それらをLZHで圧縮してみるとか。.PICT　好きなんだけどなー。

[ShaoSylvia]

ウェッピーとかいうふざけた名前の画像規格すこ

[samu_i]

横に広がったウンコと、ふっというんこ

[zgmf-x20a]

可逆か否かくらいは知ってた。

[kitamati]

忌み子のwebpも説明してくんろ

[fhvbwx]

科学者が物事の本質を抽象化して説明するために数式を使って説明すると怒られるのに、デザイナーが抽象的なデザインを使うのは許されるのは納得いかない

[slkby]

後のツイートで意味の説明が必要なのはやっぱ失敗なんだよね

[nakag0711]

2つめはjpegがブロックに分割してることを踏まえた例えやな

[spark7]

シワの例は中々良いな。/ 凄いエスパーだが、1つ目の例は単に繰り返し劣化を表してると思うぞ。「元画像から高周波成分にシワが付いて、低周波成分にはシワが付かないと読み解ける」

[youhei_nak]

ちょっとズレるけどPNG以降の主要なブラウザ対応の方さらに圧縮効率のいいフォーマットが話題にならないのなぜ？

[mayumayu_nimolove]

誰かグラディウスの武器で説明して

[hobbiel55]

「不可逆圧縮を繰り返すとマモーになるんだよ」で伝わる。

[nekoluna]

1998年くらいには既に常識だったんだけど。。

[nobiox]

気持ちはわかるが説明を自称するなら「バカデカい」とか「超軽い」とかはテキトー過ぎる。

[stabucky]

イメージ図で理解した気になっちゃうのも怖い。