📢おしらせ!

2023.08.01 ランダム表示していた上部バナーの画像置き場に使っていたサーバーが使えなくなってしまって、現在固定表示に...。(連番で画像ファイルが置ける場所がないか探し中...)

※モバイル用のページが表示されています!!!
モバイル用のページレイアウトはちゃんと確認していないので、もしPC版のページに切り替えたい場合はこちらをクリックしてください( ・ω・)9m.oO(またはURLの「?m=1」の部分を消してください)

2010年2月24日

ミリアムを描いてみた

そんなわけでもう白黒でいいんじゃね?

ということになった(´∇`)φ_

http://fumitom.tumblr.com/post/65672287318
ミンサガのミリアム!
ちょとアレンジ加えてるけど(+ノ-')


しかしこれはこれでちょと問題が(+ノ-')

PCだと線が描きにくい....(´_`。)

さすがに当然タブレットというのを使ってるんだけど、やっぱ見てる部分と描いてる部分がずれてるからどうしても線が狂う(´Д`;)ヾ

しかも最近ちょとだけ大きいモニタ買ったからかさらに狂う(´Д`;)ヾ

こういう絵だと1mmずれると致命的だからなぁ(つω・)

まぁちっこいタブレット使ってるってのもあるかもなんだけど(/ω\)

伝説によるとモニタとタブレットの大きさは同じほうがいいらしい。

そうらしい。

できれば液晶タブレットが欲しいけどクソ高いからなぁ・・・(´-`)

2010年2月22日

Web画像にICCプロファイルを埋め込むべきかどうなのか

追記

2018.7.22 追記

CLIP STUDIO TIPS でカラープロファイルの説明してました( ˘ω˘)φ_
カラープロファイルとは?-カラープロファイル理論編-「新規作成と書き出し #10」 by セルシス公式/CELSYS - CLIP STUDIO TIPS
https://tips.clip-studio.com/ja-jp/articles/909

2018.8.15 追記

ICCプロファイルの話じゃないんだけど、モニターの色について分かりやすく解説してる漫画があったのでリンク張っておきま~す( ˘ω˘)φ_








【注意】以下の文章は、最近個人的に調べて思ったことを自分なりに整理するために書いたのですが、正しいかどうか分かりませんヽ(´ー`;)ノ 
ネットで調べても、けっこう違う事が書いてあったりしてよく分からなかったり…。
詳しい人に教えて欲しいとこなんですが、うちの周りでこれに関して一番詳しいのが自分という不具合。読まないほうがいいですが、読まれる方はそれを前提に読んでもらったほうがよいですヽ(´ー`)ノ


ICCプロファイルとは?

ICCプロファイルというのは知らない人のために簡単に説明すると、どんな環境でも同じ色で再現されるようにする役割があるデータのことで、画像ファイルに埋め込んでおくとPCはそれを参照して正しい色で再現してくれます(°▽°)

カラーマネージメントという単語で言われることもありますヽ(´ー`)ノ
Webに画像をうpしてる人、特に自分で描いた絵や撮った写真をうpしてる人は他人のモニタでは自分が思っている色と違う色で表示されてたりすると困りますよねヽ(´ー`)ノ

ICCプロファイルを埋め込むべきか?

あ、いま、

「んじゃ自分は絵とか描かないし関係ないやw」

 って思いましたね?(+゜ー゜)9m

ところがどっこい、
ICCプロファイルのことまでは知らなくていいとしても、同じ画像が同じ色で表現されているかどうかというのは誰にとっても重要なことではありますヽ(´ー`)ノ

例えばネットショッピングで、気に入った色の帽子があったから買っていざ家に届いたら思っていた色と違った、とかだと・・・(+ノ-';)

また、オンラインゲームをしていて目的地へ行く方法を教えているときに、

「赤色のワープに乗って移動してー」

と言ったら

「赤色のワープがどこにもない;;」

と永遠にさまよったあげく、よくよく聞いてみたらその人のモニタではやや紫色に見えていた、とか(+ノ-')(実話)

なので、時と場合によっては意思疎通が崩壊するので、カラーマネージメントというのは結構大事な話だとは思うのですが、Web画像に関しては昔はICCプロファイルは埋め込まないほうがいいという話だったと思いますヽ(´ー`)ノ
(Windowsはカラーマネージメントシステムがしっかりしていない上にブラウザ自体も未対応だったので)

ただ最近、ICCプロファイルに対応してるブラウザ(Firefox・Safari・Lunascape(Gekkoエンジンの場合))が出てきたので、ひょっとしたらWeb画像にもICCプロファイル埋め込んだほうがいいのか?ということになりまして(+ノ-')

んで最近この件に関してどうも気になったのでいろいろ調べたりしてたんですが・・・
まぁ話が長くなりそうなのでとりあえず結論から言うと…(+ノ-')

いまはまだ埋め込む必要性が薄い。

といったとこなんでしょうか?ヽ(´ー`)ノ

ICCプロファイル対応状況

まぁとりあえず、

「ICCプロファイルってなに?ヽ(´ー`)ノ」

って人は無理して埋め込まなくてもいいかもしれません(+ノ-')
シェアNo1のIEがICCプロファイルに対応してない時点で…というヽ(´ー`)ノ
→自分のブラウザがICCプロファイルに対応してるかどうかが気になる人はこのページみたいなサイトの写真を見たらいいかと思われますヽ(´ー`)ノ
IEで見ると見事に色がばらばらですヽ(´ー`)ノ
さらにPixivやTwitpicなどを確認したところ、ICCプロファイルを埋め込んだ画像をアップすると小さいサムネイル画像だけICCプロファイルが破棄されるという珍現象が起きてたりもします(+ノ-')
このページ をFirefoxで見ても左のサムネイルの色がおかしい。クリックするとあら不思議(IEだとクリックしたところで変わらない)
なのでまだまだWeb自体がICCプロファイルに対応しきれてないというのが現状のもようヽ(´ー`)ノ

ICCプロファイルがないと…

ただICCプロファイルがないということはカラーマネージメントが行われないということだと思うので、Webにうpした画像は他環境(他のモニタやMacなど)で見た場合に色が若干変わっていると思っていたほうがいいでしょう(+ノ-')

困ったことにモニタが表現できる色というのは性能や個体差によってばらばららしいのですヽ(´ー`)ノ

なのでそれを修正するためにICCプロファイルというのが重要になってくるのですが…ヽ(´ー`;)ノ

Mac ではOSレベルでカラーマネージメントシステムがしっかりしていてブラウザもICCプロファイル対応なので、ICCプロファイルが埋め込まれていればそれ を参照してほぼ正しい色になるらしいということを考えたら埋め込んでおくにこしたことはないのかもしれません(+ノ-')

将来的にWindowsのカラーマネージメントがしっかりすれば…なのですがまだまだ時間がかかりそうです(+ノ-')

ちなみに世間では不評のVistaでしたがカラーマネージメントという部分においてはかなり強化されていたようです。
(それでもMacと比較するとまだまだのようですが)

なので、そういった意味では将来のことを見据えるならいまからICCプロファイルを埋め込んでおくのもよいのかもしれない?ヽ(´ー`)ノ

普通の人は気にする必要はない…?

ただ現在ブラウザによってはICCプロファイルがなければsRGBとみなして色変換されるみたいなので、これが主流になれば「sRGB IEC61966-2.1」環境で作業している限りICCプロファイルを埋め込む必要はなくなるかもしれないのですが(+ノ-')

Photoshopの設定で作業用スペースが「AdobeRGB」とかならプロファイルを指定してやらないとsRGBに変換されたときに色が変わってしまうのでそういう場合は埋め込まないとやばいかもですが、そもそもWeb画像を作る際は作業用スペースを「sRGB IEC61966-2.1」にして作業したほうがいいという(+ノ-')

Web以外の用途のためにAdobeRGBとかで作った画像をネットにうpするときは、プロファイルを指定するなり変換するなりしないと色変わりますよ?
というとこでしょうかヽ(´ー`)ノ

左側はICCプロファイルなし、右側はICCプロファイル(sRGB)を埋め込んでいる
作業用スペースはsRGB。
なのでどちらも同じ色ヽ(´ー`)ノ

作業用スペースをAdobeRGBに切り替えるとICCプロファイルがない画像は色が変わってしまうが、ICCプロファイルがある画像だと色が保持されるヽ(´ー`)ノ
つまりAdobeRGBの色空間のモニタだとこれくらい変わるということ?



このへんの話は趣味で絵描いたりしてる一般人にとってはどうでもいい話なのでスルーしていいかもしれないヽ(´ー`)ノ

仮にPhotoshopを使っていたとしても初期設定は「sRGB IEC61966-2.1」だと思いますし、いちいちここをいじることはないと思いますし、ICCプロファイルをサポートしてないソフトだとそもそも sRGBの画像しか作れないと思いますしおすしヽ(´ー`)ノ


ふーむ…?

あ、いや
その件に関してちょと分からない点があるんだったヽ(´ー`)ノ
ICCプロファイルを埋め込む埋め込まないの前に、次のケースに気をつけたほうがいいかもしれない?

(以下に書くことはさらによく分からん状態のことなのですが)
Photoshopとか使ってる人で、自分のモニタに関連づけられているカラープロファイルがsRGBではないとき?
(例えばモニタ専用のプロファイルを自分で設定した場合?)

この場合Photoshopで作業用スペースを「sRGB IEC61966-2.1」にしていると画像の色がなんかおかしい。
何度確認してもおかしい。
FirefoxでICCプロファイルが埋め込まれた画像を見てもやっぱおかしい。
これはいったいどういうことなのかヽ(´ー`;)ノ

わかりやすくするために極端に色が変わるプロファイルをモニタに関連づけてみた。
見てのとおりPhotoshop上の色がおかしい、 カラーパレットの色すらおかしい。

モニタの色空間がsRGBじゃなくても作業用スペースをsRGBにしてたらsRGBの色で表現されるわけではないのか?ヽ(´ー`)ノ
モニタにsRGBじゃないICCプロファイルを関連づけてもモニタの色はsRGBに固定されたままだから変なことになっている??
→Photoshopで「プロファイルの指定」でプレビュー見ながらsRGBとモニタRGBで切り替えてやって微妙に色が変わるならこの状態になっている?もしまったく変わらなかったら「自分のモニタの色空間=sRGBの色空間」なのかも?)
→もしくはこのページ の「デフォルト色空間テスト」で「色空間指定無し画像」の色が「sRGB色空間」と同じでない場合?(もちろんICCプロファイル対応ブラウザで見ないとダメ)
この場合Webに画像をうpするのを前提で作業してる人はこのまま作業をすると色がおかしいまま作業していることに?
んで自分では正しいと思っている色が他のモニタで見ると確実に違って見える恐れ?ヽ(´ー`)ノ
この辺の設定がおかしいとICCプロファイルがどうのこうの以前の問題な予感がするんだけど何度調べてもいろいろ試してもいまいちよくわからない(+ノ-')
なのでこの話はいったん置いとくとして…



仮にICCプロファイルを埋め込んだところで…

どこまで他の人のモニタで見たときもまったく同じ色になっているかというと・・・
正直疑問ですヽ(´ー`)ノ

WindowでFirefoxを使っていたとして、ICCプロファイルが埋め込まれていた画像を見てたとしても、

モニタのキャリブレーションがちゃんとされてなければ意味がないというヽ(´ー`)ノ

んで、普通の人がモニタのキャリブレーションをやってるかというと・・・
やりませんよねヽ(´ー`)ノ

PCショップ等でモニタがずらっと並んでいるのを見たときにモニタの色がけっこうばらばらだったりすると思うのですが、キャリブレーションが行われていないモニタ同士だとあれくらいの差が出ることもあるということだと思いますヽ(´ー`)ノ

さらに最近知った話だと、
粗悪なモニタだと出荷時に明るさ・コントラスト・ガンマ値を極端にいじってぱっと見た目はきれいに見えるように設定されてることもあるそうです(+ノ-') (自社のモニタがきれいに見えるようにするために)

コントラストとかが高いと見た目はくっきりきれい見えるけど、あまりに極端だと明部と暗部の色情報がふっとんでしまうのでそうなるともうめちゃくちゃですヽ(´ー`)ノ
このへんの自分のモニタの設定が正しいかどうかを簡単にチェックするにはこのページのコントラストテストというとこを見てみればいいかと思いますヽ(´ー`)ノ
そうなるとICCプロファイルを埋め込まれていたところで・・・という(+ノ-')



ちなみに最近安物のモニタを買ったのですが前のモニタと比較してみました。

(携帯カメラで撮ったので写真の画質自体がちょと悪いですが)左が最近買ったモニタ。右は前まで使っていたモニタ。肌色がこれくらい違うとちょとひく(´Д`;)ヾ とある同じ部分を切り抜いてやると・・・

これくらい色味が違う部分も。こうなるともはや違う色(;゜□゜)
ぱっと見た目は右のほうが正しい色に見えるが・・・。

キャリブレーション後。古いモニタも若干コントラストが強めだったので修正してみたら二つのモニタがほぼ同じような感じに。微妙に色が違うけどまぁ一般レベルだと及第点?



なので本当はみんながモニタのキャリブレーションというのをやるべきなんでしょうが、モニタのキャリブレーションツールというのを買うとすると安くても3~4万くらいするので一般向けではないし、かといってソフトウェアキャリブレーションをするとなると難しすぎてsibouします。

あまり色の知識がない 人が中途半端にソフトウェアキャリブレーションをするとかえって色が変になるかもなので危険だと思われます(+ノ-')


なので、やっぱりWeb画像というのはうpするほうも見てるほうも
「正しい色で表示されていない可能性がある」
と思っていたほうがいいのでしょうヽ(´ー`)ノ

2010年2月8日

ミンサガとFF13

最近ミンサガとFF13をやってます♪ヽ(´ー`)ノ

ミンサガはいまさらですけどけっこう良リメイクですね(/ω\)
某ニコニコ動画でプレイ動画をうpされてるobasanのせいでつい買ってしまったんですが(/ω\)
発売当初はあの頭身にちょっと違和感があったけど、プレイしてみるとむしろかわいい感じがよいですね♪(´∀`)
(つくづく自分の固定観念で物事を敬遠することが愚かなことだと感じる(ノ¬`)
SFC版はプレイしてるのでまったりプレイ中なんですが「つよくてニューゲーム」的なシステムが実装されてるので2周目も楽しみ♪(*´▽`)

FF13はアマゾンとかみてるとあほレビューが多すぎてげんなりしますがヽ(´ー`;)ノ
一番よく目にするのが
「物語が一本道すぎて自由度がない」
とかいう文句だけど、あれは食べ放題しか行ったことない人がオードブルなど順番に出てくる高級フランス料理店とかで、
「好きな物から食わせろー!ヽ(`Д´)ノ」
といちゃもんつけてる客と同じレベルのような気がして失笑せざるを得なかった件(+ノ-')
とはいっても1本道と感じるのにもそれなりに理由があるとは思ったのですが…
まぁ暇があればまたFF13の感想も書いてみようかなヽ(´ー`)ノ


2010年2月4日

モニタのキャリブレーション

モニタ買いました♪(ノ∀`)

もう絵を描いたりするときも1280x1024じゃ狭くて仕方がないしFF14もフルHD仕様ということなので、先を見越して思い切って買っちゃいました(ノ▽`)hehe

SAMSUNGのP2270ってやつをヽ(´ー`)ノ
ほんとはもうちょっといいのが欲しかったんだけどお金がないからそこは我慢(つω・)

とりあえずわくわくしながらPCにつないで見てみると・・・

色わるっ!(°m°;)

一応「MagicColor」っていう設定を「フル」か「インテリジェンス」にしてやったらふつうにいい色になったんだけど(っていうかこのフルとかにしたときに色が綺麗!って錯覚させるために標準の色をわざと悪くしてる予感がしたが…)、まぁせっかくだからちゃんとキャリブレーションをすることにした(´∀`)

ちなみに付属のCDにキャリブレーションソフトがはいってたのでそれでヽ(´ー`)ノ
んでモニタを見直したらまぁまぁ綺麗になったんだけど、ちょっとなにげに前に描いた絵を見てみたら・・・

色わるっ!(°m°;)

あれ?やっぱり色悪い!?

とくに淡い色がやばい

肌色とかがやばいやばい

なんだかわからないがやばいやばいやばい

という衝撃が(´Д`;)ヾ

と、ここで致命的なことに気がついてしまった・・・
前のモニタちゃんとキャリブレーションしてただろうか・・・?(;°ロ°)

してない気がしてきた(´Д`;)ヾ

ていうか根本的に間違った考え方をしていたことに今気がついてしまった…

印刷出力するときはモニタの色と印刷結果を合わせたいので、昔そういう関係の仕事してた時は職場のモニタをちゃんと「モニタの色=出力したときの色」ってなるように定期的にキャリブレーションしてたんだけど、自宅でWeb用途とかで使うモニタの場合はキャリブレーションしなくていいかって思ってしまっていた(というのは普通の人はモニタのキャリブレーションなんかやらないからこっちもやらなくていいやーん、的な理由で)

でもよく考えたらWebに画像アップする場合は、一般的なモニタの標準の色に合わせておかないとだめなんじゃないかという恐ろしいことにいまさら気づいた不具合(´Д`;)ヾ

普通の人はキャリブレーションなんてしないと思うんだけど、一応絵描いたりする身としてはこれはなんという致命的な話(´Д`;)ヾ

絵によってはあまり気にならない程度の差だったりしたのですがひどいやつはまじでひどかった( ̄ー ̄A)

ちなみにどんなくらい違ったかというと比較してやると・・・

↑one of the ひどかった絵

これくらい違いました(ノ∀`)タハー

ここまで違うとさすがにやばい(´Д`;)ヾ

とくに顔色が悪すぎる件

一応ちゃんとキャリブレーションした は ず だからこっちの思ってる色になってるとは思うんですが・・・( ̄ー ̄A)

でもまぁさっきも言ったとおり普通の人はキャリブレーションなんかしていないと思うので、いずれにせよ多少の誤差は生じているとは思いますがヽ(´ー`)ノ

場合によっては↑くらいの差があるかもしれないヽ(´ー`)ノ

特にモニタは使えば使うほど色はどんどん変わっていくのでほんとは定期的にキャリブレーションしないといけないのですヽ(´ー`)ノ

まぁそれはさておきとりあえず最近描いた絵の色を全部見直してみるか・・・(´Д`;)ヾ



しかしキャリブレーションも面倒な話なんですけど、実はもうひとつやっかいな問題が(+ノ-')

それはICCプロファイルというもの(+ノ-')

Webで使用する画像にこのICCプロファイルを埋め込んだほうがいいのかどうかというのがいまいちよくわからない(+ノノ)

最初は埋め込まなくていいのかなって思ったんだけど、どうも調べてみたらFirefoxやSafariがICCプロファイルに対応したとかどうのこうのらしいので、そうなると埋め込んだほうがいいのか・・・?

でもモニタを標準の色に合わせたということはICCプロファイルがない状態で標準の色で見えているはず…?

となると埋め込む必要はなし・・・?(´~`)

そしてさらに謎なことに、

試しにICCプロファイルを埋め込んだ画像とそうでない画像を、Windows標準のビューワで見てみたらなぜか埋め込んでいるほうの色がおかしくなった(+'-')

これはいったいどういうことなのかヽ(´ー`)ノ

もうなにがなんだかよくわからない(°ω°)

Windowsのビューワはへぼいからという理由でいいんだろうか?(つω・)

(ちなみに普段はMassiGraっていうビューワ使ってるんですがこれはICCプロファイルに対応してないから比較しても色が変わりませんでした(+ノ-')

ネットで調べてみてもこのへんのことがいまいちよく分からない(+ノ-')

ぁ~、とりあえず埋め込みなしの方向でいいのかなぁ・・・

ややこしーヽ(´ー`;)ノ



試しにもう1回調べてみたらこんなサイトを発見(つω・)

http://www.color.org/version4html.xalter

どうやら一番上の4つの画像の見え方でブラウザがICCプロファイルのver.4に対応してるか、ver.2に対応なのか、もしくは非対応なのかが分かるみたい?

Lunascapeを使っているならブラウザのエンジンを切り替えてやると見事なまでに色が変わります( ・ω・)
IEのエンジンだとICCプロファイルに非対応だけど、Gekkoエンジンにしてみるとver.2に対応してるみたいですね(´∀`)

あれ。やっぱICCプロファイル埋め込んだほうがいいのか・・・・・・?

あとたぶんなんだけど↑でWindows標準のビューワで見たら色がおかしくなったと書いたけど、お そ ら く Windows標準のビューワはver.2対応みたいなので、ver.4のICCプロファイルが埋め込まれた画像を読み込んだときに色がちょとおかしくなったのかな?と予想してみる(つω・)

と、たんたんと書いてたらやたら長い記事になってしまった・・・( ̄ー ̄A)

まぁとりあえず

かなり混乱しているということです(ノ▽`)

ヽ(´ー`)ノ