「耳すま」のお父さんが語りかける「ドット絵あるある」の世界 Twitterで画質劣化させないための画像投稿術

ドット絵あるある

» 2018年03月19日 21時00分 公開
[福田瑠千代ねとらぼ]

 限られた色数で温かみのあるイラストを表現するドット絵。そのドット絵をうっかりJPG形式でTwitterに投稿すると、せっかくの色味が損なわれてしまうという「ドット絵職人あるある」を表現した投稿が話題になっています。

 ジブリ作品「耳をすませば」のワンシーンをドット絵で再現した銀親(@ginoyahutaushi)さん。投稿時に「雫、そのドット絵ってのは、JPGで保存してはいけないほど繊細なのかい?」という作中セリフのパロディ文を添えて、一見同じのドット絵画像を投稿しました。投稿された画像は2枚。

 その2枚を見比べてみると、1枚目の画像はきれいな発色なのに対し、2枚目は画質が劣化していてところどころ色がくすんで見え、せっかくのドット絵が魅力半減となっています。これこそがドッター殺しとなる、「JPG投稿」という罠。

ドット絵あるある こちらがきれいなほう
ドット絵あるある 画像が荒くなっている方。拡大するとよく分かる

 あまり知られていませんが、実はTwitterでは投稿した画像はそのままの状態で表示されるわけではありません。Twitter側ではサーバへの負荷を軽減するため、自動的に画像を圧縮する(劣化させる)工程があります。通常の写真であれば多少圧縮されても画質の劣化は気になりにくいですが、ドット絵の場合は違いが顕著に出てしまい、表現が台無しになりやすいのです。

 これはドッター(ドット絵を描く人)の間では広く認知されている現象のようで、このような「ドット絵あるある」を定期ツイートする“JPEGで保存されたドット絵bot(@jpeghozondotbot)”なるアカウントまで存在するほど。


 そんなTwitterの仕様をかいくぐり、ドット絵をきれいなまま掲載する裏技というのが、PNGでの投稿。単にPNGで投稿しただけでは、やはり自動的に圧縮されてしまうのですが、1カ所でも透過情報(アルファチャンネル)が含まれていると、Twitter側では圧縮をせず、元画像のまま載せることが可能になります(※それでも容量は最大数MBまでという制限はあります)。

 銀親さんが投稿したきれいな方の画像をよく見ると、確かに外周1ピクセル分だけ透明な部分が確認できます。

ドット絵あるある よく見るとイラストの外枠が1ピクセル分透過になっている

「PCエンジンDuo」というのはそんなに高性能なものなのかい?

 ちなみに、冒頭でも触れた「耳をすませば」のセリフは、受験勉強をよそに突然物語の執筆に没頭するようになった主人公・雫に対して父親が言ったもの。「今、雫がやっていることは、勉強よりも大切なことなのか?」と問いかける父親の言葉は、少し改変するだけでシュールな空間を演出できるため、最近Twitterで流行していたネタでした。

 画像内の父親のセリフは「雫。PCエンジンDuoというのはそんなに高性能なものなのかい?」というもの。「PCエンジンDuo」とは1991年にNECホームエレクトロニクスから発売されたゲーム機のことで、1987年に発売された「PCエンジン」のアップグレード版。本来周辺機器と組み合わせなければ遊ぶことができない、高性能(当時としては)なソフトがそのまま遊べる代わりに、本体価格が約6万円となかなか高価でした。

 ドット絵の父親のセリフは、雫がPCエンジンDuoの購入をねだったことを受けてのことなのか。はたまたお父さんがPCエンジンDuoを買いたくなり、ゲームに詳しい雫に助言を求めているのか。なかなか想像力をかき立てられるシチュエーションです。

 Twitter上ではこの投稿を見て、「ドット絵のJPGは避けたいな…」「(画質が)コンポーネントとコンポジットくらいの差がある!」「PCエンジンDUOはいい機種だった( ˇωˇ )」といったコメントが寄せられていました。

画像提供:銀親(@ginoyahutaushi)さん



Copyright © ITmedia, Inc. All Rights Reserved.

昨日の総合アクセスTOP10
  1. /nl/articles/2501/28/news195.jpg 岡田紗佳、一連の騒動を生中継で謝罪 頭を深く下げ「申し訳ございませんでした」
  2. /nl/articles/2501/28/news155.jpg がん闘病の森永卓郎、容態急変後にモルヒネ投与で“結構厳しい状況” スタジオ出られず弱々しい声で「そう長く持たないかもしれない」「本格的に転移が始まったよう」
  3. /nl/articles/2501/29/news045.jpg 新潟のお葬式で香典返しにもらった“謎の白い物体” パッケージにも情報なし「これなんだかわかりますか?」
  4. /nl/articles/2501/26/news053.jpg 「立体的に円柱を描きなさい」→中1の“斜め上の解答”に反響「この発想は天才」「先生の優しさも感じます」 投稿者に話を聞いた
  5. /nl/articles/2501/29/news086.jpg 鮮魚店で売れ残ったタコを水槽に入れたら、数週間後まさかの展開が…… 胸を打つ光景に「目が腫れるくらい泣いてます」
  6. /nl/articles/2501/28/news034.jpg 大人なら5秒で解きたい!「9+0÷2−3」の答えは?【算数クイズ】
  7. /nl/articles/2501/29/news058.jpg 「うちの祖父(81)わけてほしいわこのセンス……」 衝撃的な私服コーデに驚きの声「本物のイケジイ」「目標にします!!」
  8. /nl/articles/2501/29/news023.jpg 買ったばかりの家の風呂場に”ありえない欠陥” 信じられない状況に「そんなことある?」「取り付けた業者……」
  9. /nl/articles/2501/27/news073.jpg 「昔はモテた」と自慢げな父→娘は“絶対ウソやん”と思っていたけど…… 当時の姿に「ハハハ冗談だろ?」【海外】
  10. /nl/articles/2501/29/news122.jpg 正方形のスカーフ1枚→切ってゴムを縫い付けるだけで…… 魅力的な完成品に「デザインがきれい」「簡単に作れました」【海外】
先週の総合アクセスTOP10
  1. 風呂に入ろうとしたら…… 子どもから“超高難易度ミッション”が課されていた父に笑いと同情 「父さんはどのようにしてこのお風呂に入るのか」
  2. DIYで室温が約10℃変わった「トイレの寒さ対策」が310万再生 コスパ最強のアイデアへ「天才!」「これすごくいい」
  3. 岡田紗佳、生配信での発言を謝罪 「とても不快」「暴言だと思う」「残念すぎ」と物議
  4. スーパーで買った半玉キャベツの芯を植え、5カ月育てたら…… 農家も驚く想像以上の結末が1300万再生「凄い」「感動した」
  5. 東京藝大卒業生が油性マジックでサンタを描いたら? 10分で完成したとんでもない力作に「脱帽です」「本当にすごい人」
  6. 定年退職の日、妻に感謝のライン → 返ってきた“言葉”が約200万表示 大反響から7カ月たった“現在の生活”を聞いた
  7. 【ヤフオク】“3万円”で購入した100枚の着物帯 →現役着付師が開封すると…… “まさかの中身”に驚き
  8. 「立体的に円柱を描きなさい」→中1の“斜め上の解答”に反響「この発想は天才」「先生の優しさも感じます」 投稿者に話を聞いた
  9. 「すんごい笑った」 “干支を覚えにくい原因”を視覚化したイラストが勢いありすぎで1700万表示の人気 「確かにリズム全然違う!」
  10. 母親から届いた「もち」の仕送り方法が秀逸 まさかの梱包アイデアに「この発想は無かった」と称賛 投稿者にその後を聞いた
先月の総合アクセスTOP10
  1. ザリガニが約3000匹いた池の水を、全部抜いてみたら…… 思わず腰が抜ける興味深い結果に「本当にすごい」「見ていて爽快」
  2. パパに抱っこされている娘→11年後…… 同じ場所&ポーズで撮影した“現在の姿”が「泣ける」「すてき」と反響
  3. 東京美容外科、“不適切投稿”した院長の「解任」を発表 「組織体制の強化に努めてまいる所存」
  4. ズカズカ家に入ってきたぼっちの子猫→妙になれなれしいので、風呂に入れてみると…… 思わず腰を抜かす事態に「たまらんw」「この子は賢い」
  5. 母親から届いた「もち」の仕送り方法が秀逸 まさかの梱包アイデアに「この発想は無かった」と称賛 投稿者にその後を聞いた
  6. イモトアヤコ、購入した“圧倒的人気車”が思わぬ勘違いを招く スーパーで「後ろから警備員さんが」
  7. 「何があった」 絵師が“大学4年間の成長過程”公開→たどり着いた“まさかの境地”に「ぶっ飛ばしてて草」
  8. フォークに“毛糸”を巻き付けていくと…… 冬にピッタリなアイテムが完成 「とってもかわいい!」と200万再生【海外】
  9. 「何言ったんだ」 大谷翔平が妻から受けた“まさかの仕打ち”に「世界中で真美子さんだけ」「可愛すぎて草」
  10. 鮮魚スーパーで特価品になっていたイセエビを連れ帰り、水槽に入れたら…… 想定外の結果と2日後の光景に「泣けます」「おもしろすぎ」