写真にホコリや擦れ傷、古紙の質感を重ねて、レトロでヴィンテージな一枚に仕上げます。 画像はブラウザ内だけで処理され、外部に送信されません。
画像をここにドラッグ＆ドロップ
または下のボタンから選択
グランジ加工とは？写真に汚れ・かすれを合成できる無料ツール
グランジ加工とは、写真やイラストにホコリ・擦れ傷・シミ・かすれといった劣化の質感をあえて加え、古びた印象や無骨な雰囲気を演出する手法です。 本ツールは、デザイナーがPhotoshopなどで行うテクスチャの重ね合わせを、ブラウザ上のスライダー操作だけで再現します。7種類の質感と7種類の重ね合わせ方を組み合わせ、粒の粗さ・粒状感・周辺減光・セピア・彩度まで調整できるため、フィルム風のヴィンテージ加工からローファイなストリート表現まで幅広く対応します。 画像はすべてブラウザ内で処理され、外部に送信されません。
こんなシーンで便利です
SNS向けの「エモい」写真加工
InstagramやXの投稿写真をフィルムカメラ風に。プリセット「フィルム風」を選ぶだけで、ホコリと粒状感、周辺減光が同時に適用されます。
レトロ・ヴィンテージなデザイン制作
ロゴやバナーの背景に。古紙の繊維質感とセピアを組み合わせれば、色褪せた古いポスターのような下地を作れます。
ミュージックビデオ風の静止画作成
サムネイルや楽曲アートワークに。ノイズとコントラストを強めれば、ローファイでザラついた質感になります。
フィルムの光漏れ（ライトリーク）再現
フィルムカメラ特有の暖色の光漏れを合成。端から差し込む光の演出で、一枚に物語性を持たせられます。
使い方は簡単 4ステップ
- 加工したい画像をドラッグ＆ドロップ、または「画像を選択」から読み込みます。
- プリセットから雰囲気を選ぶか、「質感の種類」と「重ね合わせ方」を個別に選択します。
- 「模様を変える」で気に入った汚れの配置を出し、粒の粗さや強さを調整します。
- 右上のボタンを押して元画像と見比べ、形式とサイズを選んで保存します。
※明るさや周辺減光などのスライダーを動かしても、汚れの模様は変わりません。模様を変えたいときだけ「模様を変える」を押してください。
ご利用時の注意点
- 模様の固定：テクスチャは固定パターンで生成されるため、他の数値を調整しても模様は保たれます。
- プライバシー保護：すべての処理はお使いのデバイス上で行われます。読み込み後はオフラインでも加工できます。
- 出力サイズ：初期設定は長辺2400ピクセルです。端末のメモリに応じて1600や1080に下げると安定します。
- 保存形式：質感を優先するならPNG、ファイルサイズを抑えるならJPEGを選んでください。
グランジ加工のブレンドモード比較｜7種類の効果と使い分け
テクスチャをどのように写真へ馴染ませるか、重ね合わせ方の特徴をまとめました。
| ブレンドモード | 視覚的効果・特徴 | おすすめの加工シーン |
|---|---|---|
| オーバーレイ | 明るい部分はより明るく、暗い部分はより暗く合成。自然な馴染み。 | 日常のスナップ写真をエモくしたい時 |
| スクリーン | テクスチャの暗い部分を透過し、白い汚れやホコリだけを浮き上がらせる。 | 写真に白い光やホコリを散らしたい時 |
| 乗算 | 全体的に暗くなり、テクスチャの色味が強く反映される。重厚な質感。 | 古紙やインク汚れをリアルに再現したい時 |
| ソフトライト | オーバーレイより控えめで柔らかな効果。コントラストを優しく強調。 | ポートレートや風景をふんわりレトロにしたい時 |
| ハードライト | コントラストが非常に強く、テクスチャがはっきり主張する。 | ポスターデザインや強烈な印象を与えたい時 |
| 覆い焼き | 明るい部分が強調され、発光したような質感になる。 | フィルムの感光（光漏れ）を再現したい時 |
| 比較（暗） | ベース画像より暗い部分のテクスチャのみを合成。影の中に質感を宿す。 | ストリート写真やダークな雰囲気にしたい時 |
【下地の色が結果を左右する】
テクスチャ合成では、重ね合わせ方に応じた下地の色が不可欠です。乗算では白、スクリーンでは黒、オーバーレイ系では中間のグレーが下地でなければ、効果が出ないか画像全体が潰れてしまいます。本ツールは選択した重ね合わせ方に合わせて下地を自動で切り替えるため、どのモードを選んでも意図した質感だけが乗ります。
【エモい仕上がりにする数値の目安】
質感の強さは15%〜40%、周辺減光は15%〜30%に収めると、元の被写体を殺さずに雰囲気だけを足せます。加えてセピアを10%前後わずかに混ぜると、デジタル特有の青白さが消えてアナログの温かみが生まれます。粒状感は10%〜25%が自然な範囲です。
※本ツールは、Photoshop等で多用されるテクスチャ合成によるグランジ加工をブラウザ上で再現するものです。既製のフィルターでは物足りない、こだわりのザラつきやかすれを追求したい方に向けて設計しています。
フィルム風・レトロ加工を仕上げるテクスチャ設計と書き出しの実務
アナログ質感をデジタル作品へ正しく落とし込み、複数枚でも破綻させないための実践的なワークフローを解説します。
高解像度写真に低密度のテクスチャを重ねると質感が消える理由と対処
同じテクスチャでも、画像の解像度が上がるほど相対的に粒が細かくなり、縮小表示では質感がほとんど見えなくなります。
逆に低解像度の画像に粗い粒を重ねると、汚れが目立ちすぎてチープな印象になります。
対処として本ツールでは「質感の粒の粗さ」を0.5倍から3倍まで調整できるようにしています。実際に使う表示サイズに縮小した状態を想像しながら、粒がわずかに視認できる密度に合わせてください。
複数枚のシリーズ作品でトンマナを揃えるための設定の固定化
キャンペーンバナーやSNSフィードのように複数枚を並べる場合、1枚ずつ感覚で調整すると質感がばらつき、シリーズとしての一貫性が失われます。
対処は数値を固定して使い回すことです。本ツールはプリセットを選ぶと同じ数値が適用されるため、シリーズ全体を同じプリセットで通したうえで、明るさだけを写真ごとに微調整する運用が安定します。
汚れの模様まで完全に揃えたい場合は「模様を変える」を押さずに作業を続けてください。
印刷物に入稿する場合に画面より強めにエフェクトをかける理由
画面上で確認した質感は、印刷時のCMYK変換と網点の影響で想定より弱く出ます。特に淡いホコリや細い擦れ傷は、印刷では飛んでしまうことが珍しくありません。
そのため入稿用のデータでは、画面で適正と感じる値より10%から15%程度強めに設定するのが実務上の目安です。
逆にWebのみで使う場合は、明るいディスプレイで見ると質感が強調されるため、控えめな設定のほうが破綻しません。
SNS投稿とWeb掲載で書き出し形式とサイズを使い分ける基準
グランジ加工では画面全体に細かなノイズが乗るため、JPEGでは圧縮効率が落ちてファイルサイズが膨らみやすくなります。
質感を最優先するならPNG、SNS投稿など軽さを優先するならJPEGを選んでください。
サイズは、SNSであれば長辺1600ピクセル程度で十分に足ります。元のサイズのまま書き出すと端末のメモリを圧迫するため、用途に合わせて上限を設定することをおすすめします。
グランジ加工でよくある失敗と対策
調整のたびに汚れの模様が変わってしまい、狙った仕上がりで止められない
テクスチャを毎回ランダムに生成する仕組みのツールでは、明るさやコントラストを少し動かしただけで汚れの配置がまったく別物になります。気に入った模様が出ても他の数値を詰めている間に失われてしまい、意図した一枚に着地できません。
💡 対策・解決策を見る▼
重ね合わせ方の選択ミスで画像全体が不自然に真っ黒・真っ白になる
写真の明暗を考慮せずに乗算やスクリーンを適用すると、コントラストが崩壊して被写体が見えなくなります。特に下地の色を持たないテクスチャを合成する実装では、モードによっては効果がほとんど出ないか、全面が塗り潰されることもあります。
💡 対策・解決策を見る▼
質感の強さを上げすぎて、主役である被写体のディテールが潰れる
レトロ感を強調したいあまり不透明度を高くしすぎ、写真そのもののディテールが汚れに埋もれてしまう失敗です。加工中は効果が見えることに満足しがちですが、時間を置いて見返すと過剰さに気づきます。
💡 対策・解決策を見る▼
周辺減光を強くかけすぎて、トンネルのような不自然な構図になる
フィルムカメラ特有の周辺減光を再現しようとして四隅を極端に暗くした結果、視線誘導の範囲を超えた黒い影が画像を圧迫し、窮屈な印象の仕上がりになる失敗です。
💡 対策・解決策を見る▼
高解像度の写真に細かすぎるテクスチャを重ね、縮小すると質感が消える
数千万画素の写真に細かいノイズを重ねても、SNSやWebで縮小表示された時点で質感がほとんど見えなくなります。逆に低解像度の画像に粗い粒を重ねると、汚れだけが浮いて安っぽく見えます。
💡 対策・解決策を見る▼
よくある質問（FAQ）
Q.グランジ加工とはどのような加工のことですか
A. グランジ加工とは、写真やイラストにホコリ、擦れ傷、シミ、かすれといった劣化や汚れの質感をあえて加え、古びた印象や無骨な雰囲気を演出する加工手法のことです。もともとは1990年代の音楽シーンから生まれた美意識で、現在ではフィルムカメラ風のノスタルジックな写真表現や、ストリート系のポスターデザイン、ミュージックビデオの映像表現などに広く使われています。本ツールはこの加工を、テクスチャの選択とスライダー操作だけでブラウザ上で再現できます。
Q.スライダーを動かすと汚れの模様まで変わってしまいませんか
A. 変わりません。本ツールはテクスチャの模様を固定した状態で生成しており、明るさやコントラスト、周辺減光といった他の項目を調整しても模様は保たれます。模様そのものを別のパターンに変えたい場合は、質感の種類の右にある「模様を変える」ボタンを押してください。押すたびに新しい配置が生成されるため、気に入った模様が出るまで試したうえで、他の数値を落ち着いて詰められます。
Q.汚れの粒の大きさや密度を調整することはできますか
A. はい、できます。調整欄の「質感の粒の粗さ」スライダーで、テクスチャの粒度を0.5倍から3倍の範囲で変更できます。値を大きくすると粒が粗く目立つようになり、小さくすると細かく繊細な質感になります。高解像度の写真に細かすぎるテクスチャを重ねると効果が見えづらくなるため、元画像の解像度に合わせてこのスライダーで密度を合わせるのが仕上がりを揃えるコツです。
Q.重ね合わせ方（ブレンドモード）は何種類から選べますか
A. オーバーレイ、スクリーン、乗算、ソフトライト、ハードライト、覆い焼き、比較（暗）の7種類から選択できます。本ツールはブレンドモードに応じてテクスチャの下地の色を自動的に切り替えているため、乗算では暗い汚れだけが、スクリーンでは明るいホコリだけが正しく浮き上がります。どのモードがどの用途に向くかは、ページ下部の比較表にまとめています。
Q.アップロードした画像や写真データが外部に漏洩する心配はありませんか
A. 一切ありません。当ツールは完全ローカル処理型の安全設計を採用しています。画像データの解析や加工処理はすべてお客様のブラウザ内およびメモリ上だけで完結しており、外部のサーバーへ送信や保存をされることはないため、未公開の作品や機密性の高いデザイン素材でも安心してご利用いただけます。読み込みが終わればオフライン状態でも加工できます。
Q.保存できるファイル形式と画像サイズを教えてください
A. PNGとJPEGのどちらかを選んで保存できます。テクスチャの繊細な質感を保ちたい場合はPNG、SNS投稿などファイルサイズを抑えたい場合はJPEGが適しています。出力サイズは元のサイズのほか、長辺2400ピクセル、1600ピクセル、1080ピクセルから選択できます。初期設定は長辺2400ピクセルで、スマートフォンなど端末のメモリが限られた環境でも安定して動作するようにしています。
Q.加工前と加工後を見比べることはできますか
A. はい、できます。画像プレビューの右上にある「押して元画像」ボタンを押している間だけ、補正とテクスチャをすべて外した元の画像が表示されます。指を離すと加工後の状態に戻るため、どこがどう変化したかを瞬時に確認できます。効果をかけすぎていないかを判断するのに有効です。
Q.質感エフェクトを複数重ね合わせることはできますか
A. 一度の処理で重ねられるテクスチャは1種類までですが、粒状感（グレイン）はテクスチャとは独立して同時に適用できます。さらに複数の質感を組み合わせたい場合は、一度保存した画像を再度読み込んで別のテクスチャを重ねることで、段階的に合成できます。この方法であれば、たとえば古紙の質感を加えたうえで光漏れを重ねるといった表現も可能です。
あなたの声で、
このツールをより鋭く。
「こんな機能が欲しい」「ここを直してほしい」といったご意見や、新しいツールのリクエストを募集しています。エンジニアが直接目を通し、開発の参考にさせていただきます。