画像を「古くする・汚す・画風を変える」ためのブラウザツールです。 34の効果をONにして重ねるだけで、 印刷・複写・スキャン・経年で実際に起きることを再現できます。 ── 何が起きるか ── ■ プリンタで刷ったような手紙が、30年前の紙になる 　 折り目、水濡れのシミ、狐斑（紙に出る茶色い斑点）、端からの黄変、皺。 　 「穴・破れ」で縁の破れや虫食いまで開けられます。透過PNGで出るので、 　 破れたまま盤面や別の画に重ねられます。 ■ 線画やイラストが、新聞の切り抜きになる 　 網点＋わずかな版ズレ＋退色＋紙目。 　 網点のピッチと角度を変えれば、印刷物を撮り直したときのモアレも出せます。 ■ スマホで撮った写真が、映画の画になる 　 色の上にモノクロを重ねて黒を締める「銀残し」。 　 明部の縁に赤橙がにじむ「ハレーション」。粒子と周辺減光。 ■ コピー機を通したように潰れる／ガリ版で刷ったようにかすれる 　 二値化のしきい値と網の粗さ、インクの目詰まり、打鍵のムラ。 ■ 写真が墨の線画になる／油絵になる 　 輪郭だけをインクにする「墨線画」、輪郭を残して筆で塗る「油絵」。 ■ 図面や地図が、青焼きの写しになる 　 濃紺と白の二色に置き換える単色印画（「ネガ反転」を入れれば白線・紺地にも）。 　 折り目と埃と傾きを足せば、現場から持ち出されて何度も畳まれた図面になります。 ■ 写真やイラストが、やわらかく・淡くなる 　 明るいところに光をにじませて空気を作る「やわらかい光」。 　 色数を落として紙に刷ったような質感にする「淡い色」。 ■ 映像が、古いテープの記録になる 　 走査線のずれ、色のずれ、粒子、四隅の落ち。 　 監視カメラの映像や、見つかった古いビデオといった見せ方に。 他、組み合わせでさまざまな加工ができます。 加工内容は保存しておけるため、さまざまな画像を同じ加工にすることも可能。 効果は画面の上から順に適用されます。並び順は現像の工程になぞらえて決めてあります。 どこをどれだけ効かせたかは全部スライダーに出ていて、「全部リセット」で加工前に戻せます （元の画像そのものは変わりません）。 ── 積める効果（34） ── 【明るさ・色】調子（露光・階調・色）／単色印画（青写真・鶏卵紙）／銀残し／階調落とし／反転焼き 【画風】　　油絵／墨線画 【レンズ】　ぼかし／ティルトシフト／色収差／ハレーション／走査ずれ 【印刷】　　網点／二値・複写／版ズレ／にじみ／かすれ 【粒子】　　点描／粒子 【紙】　　　紙目／凹凸に光／皺／折り目／縁の傷み／縁からの黄変／穴・破れ 【汚れ】　　シミ／狐斑／輪染み／埃と傷 【重ねる】　重ね（2枚目を重ねる。1枚のままなら「裏写り」になります。2枚目は元画像の大きさに合わせて伸縮します） 【仕上げ】　退色／スキャナ癖／周辺減光 組み合わせを一から探さなくていいよう、19の「かんたん設定」を入れてあります。 　やわらかい光／淡い色／古い手紙／押収された手紙／破れた紙片／ 　コピーの取り直し／ガリ版刷り／新聞のスクラップ／青焼きの図面／墨線画／ 　油絵／銀残しの写真／明かりの滲む夜／ジオラマ／墨の点描 ほか 選んでから、スライダーで詰めてください。 ── こんな人におすすめ！ ── ✨ 気軽にかっこよく・綺麗に・かわいくしたい人 🎛 自分だけの加工を、簡単な操作で組み合わせて作りたい人 🔒 画像をネットのサイトに上げずに加工したい人 ── ココフォリアで卓を立てる方へ ── こんなことを思ったことはありませんか。 ・ 部屋に合わせたシーン写真を、部屋に馴染ませたい ・ あちこちから集めた背景の色味がバラバラで、並べると浮いてしまう ・ 手紙や報告書を出したいけれど、刷ったばかりの紙にしか見えない ・ 章ごとに空気を変えたいが、卓全体の統一感は保ちたい 加工の設定は名前をつけて保存できます。 一度決めた調子を呼び出すだけで、何枚でも同じ空気にそろえられます。 シーンごとに設定を作っておけば、章が変わるたびに呼び出すだけです。 立ち絵の背景に敷く紙、探索で配る資料、幕間の写真。 同じ現像所を通せば、ひとつの卓の中で浮きません。 ── 透過のまま抜ける ── 「穴・破れ」の効果で、縁の破れ・虫食い・綴じ穴を開けられます。 透過PNGで書き出せるので、開けた穴のまま別の画に重ねられます。 ── 組み合わせを保存できる ── 気に入った組み合わせは、名前とサムネイルをつけて保存できます。 効果のON/OFFも、全スライダーの値も、汚れの出方を決める種まで残るので、 呼び出せば、別の画像にもまったく同じ加工をかけられます（汚れの位置まで同じになります）。 ※保存されるのは加工の設定だけで、画像そのものは保存されません。 「汚れを変える」を押せば、同じ設定のまま汚れ方だけが変わります。 ── 使い方 ── 1. studio.html をダブルクリック 2. 「画像を開く」を押すか、画像をドラッグ／貼り付け 　 （手持ちの画像がなくても「見本で試す」で内蔵の画像を試せます） 3. 「かんたん設定」から選ぶ → 右の一覧で効果をON/OFF、スライダーで詰める 4. 「PNGで保存」で書き出し 画面右上の「使い方」に、そのまま読める案内が入っています。 インストールも、アカウント登録も要りません。 ── 動作環境 ── WebGL2 に対応したブラウザが必要です。 動作確認： macOS + Google Chrome （Edge・Safari・Windows では未確認です。WebGL2 が動く環境なら動作する想定ですが、 　保証はできません。動かなかった場合はXまでご連絡ください） パソコン向けです。スマートフォン・タブレットは対象外です。 インターネット接続は不要です。 読み込んだ画像は長辺2400pxまでに縮小されます（保存される大きさも同じです）。 保存した組み合わせはブラウザの中に残ります。ブラウザのデータを消すと消えるため、 大事なものは「バックアップを保存」でファイルに書き出せます。 ── 通信について ── このファイルは外部と一切通信しません。 入れた画像がどこかへ送られることはなく、すべてお手元の端末の中だけで処理されます。 ネットワークを切ったままでも動きます。 念のため、HTML自身に「外部への通信を禁止する」設定（Content-Security-Policy）を 書き込んであります。作者の善意ではなく、ブラウザの機能として止めています。 また、保存した画像には撮影日時や位置情報などの情報は残りません。 ── 同梱ファイル ── studio.html　… 本体（これ1枚で動きます） README.txt 　… 使い方と、使ってよい範囲 ── 使ってよい範囲 ── ・このツールで作った画像は、個人・商用を問わず自由に使えます。 　クレジット表記も、使用報告も要りません。 ・作った画像の権利は、作ったあなたのものです。 　ただし、元にした画像の権利は元のままです。 　他人の画像を加工する場合は、その画像を使ってよいかをご確認ください。 ・ツール本体（studio.html）を配ることはご遠慮ください。 　再配布・再販売のほか、素材集やシナリオへの同梱も対象です。 　人に紹介するときは、この商品ページを教えていただけると助かります。 　なお、ご自分用に中身を書き換えて使う分は自由です。 ・現状のまま提供されます。動作や結果について保証はいたしません。 　不具合の修正や機能の追加をお約束するものでもありません。 ── おことわり ── コードは AI（Claude）の支援で書いています。 画像生成AIは使用していません。外部の画像・フォント・音を一切含んでおらず、 汚れや粒などの模様は、その場で数式から作り出しています。 （出力される画は、お手元の画像にその模様を重ねた結果です） ── 更新履歴 ── 2026-08-08　v1.0　公開 ──────────── このツールは無料ですが、もし気に入った方は投げ銭版やBOOSTなどでご支援いただければ嬉しいです。