雑誌コラージュ風
ギザギザ切り抜き✂️
AIが人物やペットを切り抜き、ハサミで雑に切ったようなギザギザの白フチと紙の質感を追加します。
選んだ画像の加工は端末内で完結します。
写真をえらぶ
ドラッグ＆ドロップ、またはクリック
JPG / PNG / HEIC / WebP
AIエンジンを準備中...
📝 このツールの詳しい使い方
画像をアップロードする
コラージュ素材にしたい人物の写真を選びます。AIが人物の領域を推定して背景を透過するので、輪郭が残っているか確認してください。
アナログ感（質感）の調整
プレビューを見ながら、スライダーを使って「白フチの太さ」「紙の質感」を調整してください。質感を上げるとスクラップブックのようなザラついた手触り感が追加されます。（ギザギザは自動的に適用されます）
背景を選んで保存
切り抜いた画像を他の画像の上に重ねて使いたい場合は「透過素材（PNG形式）」、そのまま一枚のオシャレな画像として保存したい場合はレトロな色合いの「台紙背景（JPG形式）」を選択して完成です。
💡 こんなシーンで大活躍！
📱 SNSのコラージュ画像作成に
Instagramのストーリーズや投稿画像を作る際、ただの透過画像よりも「切り抜き感」のある素材を重ねた方が、紙を切って貼ったような手作り感を加えられます。フチの太さや紙の質感を、重ねる写真に合わせて調整できます。
📖 デジタルスクラップブック
旅行の思い出や子供の成長記録をまとめるデジタルアルバムに。まるで本物の雑誌を切り抜いて貼り付けたような、温かみのあるアナログな表現が可能です。
🎬 YouTube等のサムネイル
Vlogやファッション、メイク系など、オシャレさや親しみやすさをアピールしたい動画のサムネイル素材として、ギザギザの白フチは非常に目を引くデザインアクセントになります。
🐾 ペットのオリジナルアイコン
愛犬や愛猫の写真を切り抜いて少しザラッとした紙の質感を加えることで、アンティークなステッカー風のアバター画像があっという間に完成します。
🧠 豆知識：このツールを支える技術
AI ＋ SVG変位マッピングの融合
まずはGoogleのAIモデル「MediaPipe Image Segmenter」が人物の領域をピクセル単位で推定します。切り抜きの欠けも加工に反映されるため、輪郭を確認してください。その後、HTML5に組み込まれたSVGフィルター（feTurbulenceによるフラクタルノイズとfeDisplacementMap）をCanvasに適用することで、綺麗な曲線をあえて「ランダムに歪んだギザギザの線」へとブラウザ上で高速に変換し、アナログなハサミの切り跡を再現しています。
画像の処理場所と通信について
選んだ画像を加工用サーバーへ送らず、ブラウザ内で解析・加工します。ページ・ライブラリ・AIモデル・広告の読み込みでは通信が発生します。
入力・出力のポイント
人物写真を選び、切取りの縁や背景を調整します。
- 出力
- 長辺1500px以下へ縮小し、透明背景はPNG、紙色の背景はJPEG品質0.95で保存します。
仕上がりの確認：縁の見た目と人物の切取り精度は別です。足先や髪がマスクから欠けた場合、縁を変えても元の領域は戻りません。
入力形式と保存の手順
入力：JPG・PNG・WebP、HEIC/HEIF（変換して読み込み）。形式や端末によって読み込めない場合は、JPGまたはPNGで試してください。
「この画像で保存へ進む」で完成画像を表示し、「画像を保存する」で端末へ保存します。保存先でファイルを開き、寸法と仕上がりを確認してください。画像の保存ボタンが使えない場合は、完成画像の長押しも試せます。
仕上がりの例
人物を切り抜き、紙のコラージュ風にした例です。
サンプルにはAIで生成した架空の人物画像を使用しています。市松模様は透明部分を示す表示用の背景です。ツールで保存する透過PNGには含まれません。
❓ よくある質問
Q. エラーが出て画像が処理されません
A. 初回のAIエンジンの読み込みに失敗した可能性があります。ページの再読み込み（リロード）を行うか、別のブラウザ（ChromeやSafariの最新版）でお試しください。
Q. ギザギザの形を自分好みに変えられますか？
A. ギザギザの形状はSVGのノイズアルゴリズムによって自動生成されるため、毎回固定のランダムな歪みが適用されます。手動で形を描いたり強さを変えたりすることはできませんが、ハサミで雑に切ったような自然な風合いになります。
Q. 風景や車などの写真も切り抜けますか？
A. 人物用のモデルを使っているため、車・家具・動物だけの写真では必要な部分まで消えたり、背景が残ったりする場合があります。人物が写った写真を使い、切り抜き結果を確認してください。
このツールの裏側・仕組み
技術的な仕組みや、安全に処理を行うための工夫などを解説しています。
いつも ツール をご利用いただきありがとうございます🐾