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

なるほど、わかりやす...やっぱりわからん
328
つだしん @tsudashin

津田晋吾 CI Graphic Designer tsudashingo.com ご依頼は知人か友人経由でお願いします🙇🏻

つだしん @tsudashin

画像の可逆性を説明するのに良すぎる図を作ってしまった pic.twitter.com/FeYkBcA1j2

2023-08-18 14:27:19
拡大
つだしん @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
つだしん @tsudashin

普段はデザイナーしながら日常で思いついたグラフィックなどなどを色々ツイートしてます twitter.com/tsudashin/stat…

2023-08-19 12:43:51
つだしん @tsudashin

ワイが導き出した「自社サービス内の表示で1番ユーザーが戸惑わないやつ」今の所これ pic.twitter.com/PsvUKcb3c5

2023-08-08 14:17:32
@sy10283

@tsudashin これ知った時真面目にびっくりしましたwもともとPNGは背景透過の時だけに使うものだと思ってたので……w

2023-08-19 12:40:11
セラー @S_L_L_R

これだとファイルサイズと勘違いされるので、俺ならJPGの方は左の丸から右に進むにつれ丸が荒くなっていくデザインにする。 twitter.com/tsudashin/stat…

2023-08-18 23:27:20
カレハ @clarissakyrie

図解とリプ欄見てモヤっとしたからAdobe見たらやっぱそういう事 twitter.com/tsudashin/stat… pic.twitter.com/0K1QL6So4n

2023-08-19 08:23:47
拡大
リンク www.adobe.com JPEGとPNG:どちらが最適か | Adobe JPEGとPNGは、最も幅広く使用されている2つの画像ファイル形式です。これらの主な機能と違い、およびそれぞれの用途を紹介します。 1 user

このくらい書かないと

つぐしろ @ShiroTsugumo

このくらい書かないと何言ってるかわからんぞ twitter.com/tsudashin/stat… pic.twitter.com/uRyslgcKAp

2023-08-19 11:36:15
拡大
有楽一満 @seris10000

@ShiroTsugumo この場合TIFFはどうなるんだろう

2023-08-19 12:42:38
つぐしろ @ShiroTsugumo

@seris10000 そのままかな JPEGとかPNGと比べちゃうとかなり圧縮率低いから

2023-08-19 12:46:44
レシニ𝕏ェラトキシン(注・からい。空を飛ばないものだけを指す) @09ip

@ShiroTsugumo @seris10000 ビューワによっては最初の1枚しか表示できないことがあるので圧縮率が低い画像ファイルと勘違いされやすいですが…… TIFFはコンテナみたいなもので、 ・画像を圧縮せずそのまま ・PNG同様の可逆(複数種類) ・JPEG といった画像を「複数枚」入れることができる形式です。

2023-08-19 15:21:54
つぐしろ @ShiroTsugumo

@09ip @seris10000 tiffってJPEG以外もコンテナ化できるんだ 初めて知った あざます

2023-08-19 15:33:06
リゼ @Rize814N

@ShiroTsugumo じゃあピングの方がいいじゃん、流石に今じゃJPEG使ってるやつないでしょ

2023-08-19 14:10:11
つぐしろ @ShiroTsugumo

@Rize814N JPEGの方が小さいから使い勝手がいいというのとJPEGしか開けない環境がそこそこ存在するというところでPNGより使われてる 1回や2回圧縮したくらいじゃシワもほとんどわからないしね

2023-08-19 14:17:39
いしたに @taichi600730

JPEG、折るというより、「細切れにして何個か捨てる」ぐらいのイメージ twitter.com/ShiroTsugumo/s…

2023-08-19 13:53:03
SKA❄ @ICT系VTuber @SK_Animation

こっちの方が分かりやすいのは間違いないんだけど、 シワの付き方が明らかにJPEGではなく、どこにシワが付くかは元画像の方が分かるという点で、 2枚とも必要。 twitter.com/ShiroTsugumo/s…

2023-08-19 13:36:24
烏賊シャトル@若年性白内障治療済 @cuttle_shuttle

pngとjpegの可逆圧縮と不可逆的圧縮の差を感覚的にでも理解してない人が少なからず居るのもやや驚きではあるが(今どきjpegの品質値設定するアプリも少ないし仕方ないか…)、理解してない人にはRT先よりコッチのがわかり易かろう。 twitter.com/ShiroTsugumo/s…

2023-08-19 15:20:58
なすび( ´^o^` )の素 @NASB72831

誰が見ても何言ってるか分かる資料を突き詰めると官公庁のあのごちゃごちゃの資料になるんやろなぁ twitter.com/ShiroTsugumo/s…

2023-08-19 14:03:52