自動車の写真を並べて文章を表現するモザイクアート

モザイクアートで文章を表現する

　２０２２年５月に文字を表現するモザイクアートの作り方を㉖に示しました。 このページではこれを発展させて、文章を表現するモザイクアートを作っていきます。

　このページで作っていくモザイクアート画像を下図に示します。下図のクリックで実サイズで表示されますので確認してみて下さい。 まだ解像度の低い状態、作成の途中段階なのですが、何を作っていくのかの目安になると思います。 モザイクアートで文章を表現するには縦横のコマ数を増やしていく必要が有るのですが、下図の例では縦５００枚、横２９０枚、合計１４万５千枚の写真を組み合わせて作っています。 コマ画像にはかなり横長の写真を使ってしまったので、縦横のコマ画像の枚数の比率が大きく異なってしまった点にご注意ください。

　以下のモザイクアートでは句読点も含めて２８文字を表現しています。２８文字を表現するのに写真およそ１４万枚が必要ということです。もちろんこれは目安にすぎません。写真の縦横の比率や、写真の色範囲によっても異なってくると思いますが、一文字当たり写真５千枚が目安というわけです。

4913枚の車の写真からモザイクアートを作る

　２０２２年６月にスバルのインプレッサを新車を購入しまして写真を撮影してきました。納車一か月後に撮影した写真です。 グレーの車を購入したのですが、それには理由が有ります。グレーというのは画像処理の観点から見ると、明るさの情報だけを持っている色ということになるのですが、グレーで表現された明るさ情報に、色相、彩度と呼ばれる色情報を足してやることで様々な色を表現することができるのです。 つまり画像処理で色を塗り替えるにはグレーを元に塗り替えるのが最もやりやすいというわけです。

　背景の樹木の緑や晴天の空の青、これらを狙って晴れた日に撮影したのですが、インプレッサの車体を塗り直してモザイクアートのコマ画像にするには背景が邪魔です。 Adobe Photoshopでトリミングしました。 車のナンバー部分も画像処理でぼかしておきました。

　この写真をもとに、コマ画像を作っていきます。

　２０１４年ごろに私が開発した画像処理ソフト「似合いの色を探せ」でインプレッサの車体部分の色を塗り替え１２５色の車の画像を作ります。

　以下の１２５色の画像ができました。画像のクリックで拡大表示されますので、皆さんのお気に入りの色を探してみてください。

　「似合いの色を探せ」の使い方については以下の動画を参照してください。 ２０２２年の最新バージョンでは色の塗り替えを色指定することなく自動で行ってくれる機能を付けており、125色、729色、4,913色、35,937色に自動保存できるようになっています。 125色に自動保存して作成したのが上に示した車体を125色に塗り替えた画像というわけです。

　125色の画像合計で、ファイルサイズは225MBとなりました。今回は「似合いの色を探せ」で車体の色を塗り替えてデジカメまとめてフォトモザイクのコマ画像を作ろうとしているのですが、 コマ画像の数は、「似合いの色を探せ」の最大色数である35,937色でやろうと思います。
　35,937色の画像の保存容量は、35937÷125×225MB＝64,686.6MB、つまり、およそ64ギガバイトの保存容量が必要となると推定できます。 JPEG形式の画像は縦横のサイズが同じでも画像の内容によって保存容量が異なりますので、正確な保存容量は分らないのですが、目安として64GBというわけです。

　保存にかかる時間も考えておきます。125色の画像を保存するのに11分掛かりました。
35,937色の画像の保存にかかる時間は、35937÷125×11分＝3162分＝53時間＝2日と5時間。 2日と5時間掛かります。

　画像処理専用の高性能なパソコンがあればよいのですが、私は貧弱なパソコンしか持っておりません。 今回使用しているパソコンのシステム情報を以下に示します。2022年にDELLコンピューターから9万円ぐらいで購入したノートパソコンです。 「世界最大級のモザイクアートを作るぞーっ」て言っている私が、いや、言っているだけではなくて、世界最大級のモザイクアートを作っている私が、こんな貧弱なPCを使っていていいのでしょうか。 本来ならCore i9、メモリ32ギガバイトの画像処理専用の高性能なパソコンがが欲しいのですが、私、ケチなんでパソコンに二桁万円を支払うことができません。 今回は35937色はあきらめて4913色で妥協しましょう。4913色であれば7時間ぐらいでできると思います。 4913÷125×11分＝432分＝7.2時間の計算です。

　保存容量は、 4913÷125×225MB＝8843.4MB＝8.6ギガバイトと推定できます。余裕を見て10ギガバイトぐらいですね。これぐらいであれば何の問題もありません。

　「似合いの色を探せ」で4,913色に塗り替えてJPEG形式の画像に自動保存します。ここで作るのは「デジカメまとめてフォトモザイク」のコマ画像です。 「デジカメまとめてフォトモザイク」のコマ画像はJPEG形式の画像にしか対応しておりませんのでご注意ください。

　4913個の画像を作成しました。6時間10分掛かりました。

　ファイルの保存容量は下図のようになりました。サイズが8.63GB、ディスク上のサイズが9.59GBです。 サイズとディスク上のサイズに1GB程度の差がありますが、これは保存先のSSDのファイルシステムに起因していると考えています。 保存先のSSDのファイルシステムはexFATです。詳しくは知りませんがexFATの場合、ファイル保存時に無駄な領域が大きく発生するようです。 一万枚の写真から作るモザイクアート（２回目）のページを作成中にこの現象を発見し、 保存先のファイルシステムがexFATの場合とNTFSの場合のそれぞれについて考察していますので興味のある方はリンク先をご覧ください。

　ここまでの操作でデジカメまとめてフォトモザイクのコマ画像を用意することができました。引き続きデジカメまとめてフォトモザイクの背景画像を作っていきます。 Adobe Photoshopで以下のような画像を作成しました。Photoshopの操作方法については詳しくは説明できませんので、真似される場合は各自頑張ってください。ポイントとしてはグラデーションツールを使用していることです。 意図としては、グラデーションで徐々に色を変化させることでモザイクアートにした際のコマ画像の並びをランダムに、バラバラに出来るのではないかと考えてのことです。

　画像だけを表示すると下図の通りです。

　ここまでの作業でモザイクアートのコマ画像と背景画像が出来ました。デジカメまとめてフォトモザイクでモザイクアートを作っていきます。

　フォトモザイク設定は下図のようにしました。ポイントは、ピンクの部分で各サイズを設定し、オレンジの部分で縦横のコマ数を確認します。 一コマの画像サイズの設定は１０以上でなければいけません。こんかいはなるべくコマ画像を小さく、縦横のコマ数を多くしたかったため、一コマの画像サイズを３１×１２という極小サイズにし、総コマ数は146,000です。１４万６千枚の写真を並べて作るモザイクアートというわけです。

　色補正は無しにして、黄緑の部分でコマ画像の選抜方法を設定しています。バラバラ度はやや大きめの３０としました。今回は似たような色のコマ画像が沢山有りますから、バラバラ度が大きい方がいいかなという考えからです。

　高画質モードでフォトモザイク作成としました。設定値をあれこれ試したいのであれば、高速モードで試してみるのが良いと思います。高速モード、高画質モードの処理速度の差は、コマ画像の読み込み部分に有るのですが、コマ画像の読み込みに４倍の速度差が有ります。

　高画質モードで作成中の画面です。コマ画像の解像度が低くギザギザが目立ちますが、これは後ほどモザイクアートポスター工房で処理することで、解像度を上げることができますから現時点では気にしなくても良いです。

　暫く待つと完成しました。モザイクアートに縦横の縞模様が入っているように見えますが、これは画面表示だけの問題です。

　等倍に表示すると不自然な縞模様は有りません。小さな車の写真で構成されているモザイクアートです。

　完成したモザイクアート画像を下図に示します。下図のクリックで実サイズで表示されますので確認してみて下さい。

　ここまでで完成したモザイクアートは解像度が低い状態です。一コマ一コマが何の写真なのか分からない状態です。以下の処理で解像度を上げていきます。 「コマ画像を自動保存」から「指定範囲を補正して自動保存」とします。

　コマ画像を横１行単位でまとめて保存することができます。 どれぐらい時間が掛かるのかは、何行かまとめてやってみるのが手っ取り早いです。 とりあえず、０から４９行までの５０行をまとめて保存してみます。 　

　保存先を指定して、ファイル名を付けて保存します。ここで指定するファイル名は完全なものではなくて、ファイル名の先頭に付ける文字を書きます。拡張子は不要です。下図の例ではファイル名の欄に「impreza_」としました。

　コマ画像を保存中は、デジカメまとめてフォトモザイクのウィンドウは応答なしになってしまいます。動作しているかどうか不安に感じる場合は、エクスプローラーで保存先を確認してみて下さい。コマ画像がどんどん保存されていっている様子が確認できると思います。

　コマ画像は横１行ごとにフォルダーにまとめて保存されるのですが、下図を見ると１行保存するのに３分掛っているようです。５０行をまとめて処理していますから１５０分、つまり２時間半ぐらい掛かりますね。処理を開始したのが午後５時ですから、午後７時半に終了予定です。 全体では５００行有りますから、２５時間掛かりますね。

　実際には５０行を保存するのに３時間かかりました。あと４５０行あるので、２７時間かかりますね。今日はもうやってられないので、お盆休みに続きをやろうと思います。 デジカメまとめてフォトモザイクには作業状態を保存する機能はついていませんので、お盆休みに続きをやるためには、フォトモザイクの設定値を保存しておいて、お盆休みにもう一度最初からやり直すしかありません。 フォトモザイクの設定値をまだ保存していない場合は、以下の操作で設定値を保存しておきます。

　メニューから「戻る」とします。

　メニューから「設定」とします。

　「設定を保存」とします。黄緑スプレーで示したフォトモザイク画像サイズが、最初に設定した数値と異なっているかもしれません。これはフォトモザイク作成中にフォトモザイク画像サイズが、コマ画像一コマの画像サイズの倍数に調整されているためですから、そのまま保存してもいいですし、気になるようでしたら最初に設定した数値に書き直しても構いません。 何処に保存しても構いませんが、今回はコマ画像の保存先と同じ場所に保存しておきます。

コマ画像をすべて保存する。

　お盆休みになりましたので、もう一度最初からやり直します。デジカメまとめてフォトモザイクを起動します。

　背景画像とコマ画像を開きます。前回と同じ画像でないとうまくいきませんから間違いのないようにしてください。

　フォトモザイク設定ウィンドウの設定を開くボタンを押します。

　前回保存したデジカメまとめてフォトモザイク設定ファイルを開きます。

　フォトモザイクを作り直します。高速モード、高画質モードを間違えないようにしてください。前回は高画質モードで作っているので、それと同じく今回も高画質モードで作ります。

　「ファイル」「コマ画像を自動保存」「指定行範囲を補正して自動保存」として、前回の続きからやっていきます。５０行で３時間かかることを忘れてはいけません。 ５０行から９９行の範囲を実行します。３時間ぐらいかかるはずです。

　保存先とファイル名は前回と同じにしなければいけません。同じ保存場所、同じファイル名にしてください。コマ画像の自動保存の処理は途中で中止することができませんので、間違いが無いように注意してください。

　保存先を確認するとどんどんコマ画像が保存されているのが確認できると思います。保存先とファイル名に間違いがないことを確認してください。

　３時間ほどで５０行分のコマ画像を保存することができました。

　この操作を繰り返します。１００行まとめてやってみます。１００行目から１９９行目までの１００行です。６時間かかると思います。

　なんやかんやで４９９行目までコマ画像を保存しました。

　DドライブのExtremeSSDというドライブに保存しました。

　保存先のフォルダーのプロパティを確認してみましょう。 ディスク上のサイズは２８３ギガバイト、ファイル数１４５，００２，フォルダー数５００です。 ファイル数にはコマ画像以外のファイルが２つ含まれいてますから、コマ画像は１４５，０００個保存されています。 これはフォトモザイクの設定どおりの数字ですから、問題なく全コマ保存できていると思います。

モザイクアートポスター工房で超高解像度分割

　モザイクアートポスター工房を起動します。

　フォトモザイク画像とコマ画像を開きます。これらはここまでの説明である通り、デジカメまとめてフォトモザイクで作成した画像です。モザイクアートポスター工房で処理することでフォトモザイク画像の解像度を上げることができます。

　設定ウィンドウを出します。オレンジのスプレー部分の、「分割画像一枚当たりのコマ数」を設定します。黄緑のスプレー部分のサイズを見ながら調整します。 最終的にはA4用紙に印刷しようと考えていますので、黄緑のスプレー部分の幅（ピクセル）と高さ（ピクセル）の比率がA4用紙の幅と高さの比率になるべく近くなるように設定します。 今回は幅が７０００ピクセル、高さが４８６０ピクセルとしました。

　ピンクスプレー部分にフォトモザイク画像全体のプレビューがされているのですが、あまりきれいに表示されていません。フォトモザイクの分割数が多すぎて、一コマ一コマが小さいために表示が潰れてしまっているためです。これは表示だけのことで、実際の画像処理には何も影響しませんから気にせず進めることにします。

　「編集」「一枚だけ実行」とします。

　何処を実行しても良いですが、今回は左上隅の一枚をやってみようと思います。左から０番目、上から０番目とすることで、一番左、一番上の一枚が実行されます。

　一枚の処理にかかる時間を正確に測定しました。６５秒でした。全体では２９×２８の８１２枚ですから、６５秒×８１２枚で１４時間４０分かかると予想されます。 保存容量も確認しておく必要が有ります。一枚で３３メガバイトでした。３３×８１２で２６ギガバイト必要です。

　 　モザイクアートポスター工房の処理は範囲指定をすることができませんので、１枚づつ実行するか、全部まとめて実行するかの二択になります。１枚ずつ実行すると８１２回も操作しなければならないので、今回は全部まとめて実行します。 「全範囲実行」としました。以下の図ように実行されます。１５時間ほど待つことにします。

完成したモザイクアート画像

　しばらくほったらかしになっていたのですが、新車購入後6か月の定期点検の案内が届きまして、本件を思い出しました。 　

　完成したモザイクアート画像をHTMLのテーブルにし以下に示します。画像のクリックで拡大画像が表示されます。

　上のモザイクアート図では、白い枠に囲まれた部分が一枚一枚の画像になっています。 白枠が邪魔で見難いと感じますので、白枠を非表示にしたものを下図に示します。 このモザイクアートは、幅方向２９枚、高さ方向２８枚の計８１２枚の画像からできています。 それぞれの画像は、車の写真を並べることで構成されており、下端以外の画には、１８０枚の車の写真が並べられています。 合計では１６８０６０枚の車の写真が並べられています。１６万８千枚です。画像のクリックで拡大表示されますから確認してみて下さい。

　画像の大きさを示す指標として画素数というものが有ります。画像というのは一点一点の画素の集合体で構成されているのですが、 何個の画素で構成された画像なのかというのが画素数です。このモザイクアートの場合、二つ上の画像で示した通り８１２枚の画像で構成されています。それぞれの画像の画素数は、7000×4860で34,020,000画素、 モザイクアート全体では、7000×4860×812で27,624,240,000画素です。漢字で書くと、約２７０億画素です。