▦ brush-shift · gallery · v1.0
写真を 6 つの絵画スタイル (印象派 / 水彩 / 油絵 / 浮世絵 / 木版画 / 点描) に 純 JS で 変換する ブラウザツール。 Sobel エッジ + Bilateral blur + k-means 色量子化 + 浮世絵パレット マッピング + ブラシストローク シミュレーションを すべて ブラウザ内で実行。 入力画像は サーバーに送信されません。 アップロード不要、 登録不要、 完全無料、 商用利用 OK。
[ ./how_it_works ]
壱
「画像を読み込む」 ボタンか、 ドラッグ&ドロップで 写真を投入。 自撮り / 風景 / 食べ物 / ペット / イラスト 何でも OK。 画像はあなたのブラウザだけで処理され、 サーバーには送られない。 自動で長辺 720px に縮小してから処理 (速度 + メモリ確保)。
弐
印象派 (モネ風 光の粒) / 水彩 (にじみ + 紙質) / 油絵 (重ね塗り + 筆致が立つ) / 浮世絵 (黒線 + 朱・藍 平面塗り) / 木版画 (高コントラスト + 木目) / 点描 (スーラ風 色の点だけで描く)。 タブをクリックすると リアルタイムで再描画、 強度 (intensity) スライダー 0.5×〜1.5× も使える。
参
右の額が完成したら 「⬇ PNG ダウンロード」 を押すだけ。 透かし / クレジット / 強制リンクなし、 商用利用 OK。 SNS アイコン / 名刺 / Tシャツ / NFT / 祖父母への額装ギフト / お祝いプレゼント などに 自由に使える。
[ ./faq ]
写真を 6 つの絵画スタイル (印象派 / 水彩 / 油絵 / 浮世絵 / 木版画 / 点描) に 純 JS だけで 変換するブラウザツールです。 ML モデル も 有料 API も 使わず、 Sobel エッジ検出 + Bilateral blur + k-means 色量子化 + 浮世絵 専用 パレット マッピング + ブラシストローク シミュレーションを ブラウザ内で実行します。 画像は あなたの ブラウザの中だけで処理され、 サーバーに送信されません。 サインアップ / 課金 / 透かしなしで、 商用利用も OK。
**いいえ、 古典的な画像処理アルゴリズムだけです**。 Style Transfer (Neural Style) のような ニューラルネット モデルは使っていません。 代わりに、 1980 年代から知られている Sobel エッジ検出 + Bilateral filter (色を保持しつつ平滑化) + k-means 色量子化 + 浮世絵パレット 最近傍 マッピング + ブラシストローク シミュレーション を 組合せて、 各スタイルの特徴を 再現しています。 結果として モデル DL 不要 (Stable Diffusion などは 数百 MB-数 GB) で、 ブラウザを開いて 数秒で 出力が手に入ります。
(1) **印象派** = Bilateral 平滑化 + 楕円ブラシ 大量サンプリング、 モネ風 光の粒。 (2) **水彩** = 強い Bilateral + sage で edge ぼかし + 紙ノイズ overlay、 にじみ感。 (3) **油絵** = Bilateral + 10 色量子化 + Sobel 勾配と垂直方向に 縦長 楕円ブラシ、 筆致が画面を流れる。 (4) **浮世絵** = Bilateral + 7 色量子化 + 浮世絵 専用パレット (朱赤 / 藍 / 黄土 / 抹茶 / 墨 / 生成り / 鼠 / 金茶) に 最近傍マッピング + 黒線 outlines、 葛飾北斎 風。 (5) **木版画** = 4 階調化 + 黒線 outlines + 紙ノイズ強め、 彫り跡風。 (6) **点描** = 小さい円ブラシ 18% 密度で 元色をサンプリングして 大量描画、 スーラ風 光学混色。
**浮世絵 / 木版画** は コントラスト強く / 主題がはっきりした 写真 (人物の半身 / 富士山 / 鳥居 / 着物) が劇的に映える。 **印象派 / 点描** は 自然風景 / 花 / 公園 / 海 などの 色多い被写体 が良い。 **水彩** は ペット / 子供 / 静物 (花瓶 / 果物) で 「絵本ぽさ」 が出る。 **油絵** は 人物ポートレート / 室内 / 食べ物 で 重厚感が出る。 元画像の解像度は 高くても 720px に自動縮小されるので、 スマホ写真でも 一眼写真でも 同じ品質で 仕上がる。
**プライバシー**: あなたの画像は ブラウザ JS 内だけで処理され、 サーバーに 1 ビットも 送信されません。 ネットワーク タブで 確認可能。 **著作権**: あなたが所有 / 撮影した画像は、 変換後も あなたに権利が残ります。 BrushShift 側に 著作権主張は ありません。 **商用利用**: OK。 SNS / EC 商品画像 / Tシャツ POD / NFT / 名刺 / プレゼン / プレゼント 用途で 自由に使えます。 透かし / クレジット表記の 強制も なし。 ただし 他人の著作物 (他人撮影写真 / 漫画キャラ / 芸能人 / 有名建築) を 入力する場合は ご自身で著作権を確認してください。
(1) **モデル不要** = ブラウザで 0.5 秒〜数秒で完了、 DL 待ちなし、 オフラインでも動く。 (2) **入力 サーバー非送信** = 顔写真 / 子供の写真 / 個人情報含む画像も 安心。 (3) **無料 + 透かしなし + 課金なし** = 商用利用も自由。 ただし: (4) **品質は 純粋なフィルタ品質**。 ニューラルネット のような 「ピカソ風」 「ゴッホ風」 を 細部まで真似することはできない。 BrushShift は 「絵画の質感を 写真に乗せる」 ことを目的とし、 「絵を新規に描く」 のは Stable Diffusion などに 任せる、 役割分担です。
JPEG / PNG / WebP / GIF (1 枚目のみ) / BMP / HEIC (Safari + iPhone) など、 ブラウザの `<img>` タグが読める形式は全て対応。 出力は PNG 24bit。 元画像が縦横どちらでも、 長辺 720px に自動縮小して 処理しています (Bilateral filter の 二乗計算量を抑えるため)。 もっと大きいサイズで 欲しい場合は バックログに 「サイズ指定 export」 を 入れる予定。
Bilateral filter は カーネル radius² × ピクセル数 の計算量で、 1080p で 数秒〜10 秒、 2K で 数十秒かかります (ブラウザ単スレッド)。 720px (= 921,600 ピクセル) で 0.5〜2 秒で 完了し、 SNS / Web 表示には 十分な解像度。 今後 Web Worker + OffscreenCanvas で 1080p / 2K 出力を サポートする予定です (backlog 案件)。
ラボ 46 本目で **画像処理 ライン 15 本目** (voice-scribe / clip-cast / bg-snap / text-pluck / pdf-anvil / pixel-lift / pic-flip / mind-cell / beam-drop / word-warp / exif-peel / ascii-bake / py-pad / pitch-flip / brush-shift)。 既存サービスとの並びは: **bg-snap** = 背景透過、 **pixel-lift** = 高解像度化、 **ascii-bake** = アスキー文字化、 **exif-peel** = メタデータ剥離、 **pic-flip** = 形式変換、 そして **brush-shift** = **絵画スタイル変換** という slot。 visual は 美術館 ギャラリー + brass 額装 + 朱印 motif で 既存 45 本柱と完全別軸 (ascii-bake CRT phosphor / pixel-lift gold / bg-snap violet とも palette + motif 完全別)。