使い方ガイド

クイックスタート

1. 画像を入れる。2分割では左右の領域へ1枚ずつ、多分割では複数の画像をまとめてドロップします。
2. 構図を整える。「移動」の状態で画像をドラッグし、ズームのスライダーで大きさを調整します。
3. 文字と枠を整える。「テキスト設定」「フレーム設定」を開き、必要な項目を変更します。
4. 必要な箇所へモザイクを描く。「モザイク」を開いてブラシを選び、画像の上をなぞります。
5. PNGを書き出す。画面左下の保存ボタンから、2分割・多分割・両方のいずれかを選びます。

変更した設定と各項目の開閉状態は、このブラウザに自動保存されます。画像ファイルと描いたモザイクは、ページを再読み込みすると消えます。

画像の追加と配置

画像の位置と大きさを変える

• 移動：モザイクのツールを「移動」にして、画像をドラッグします。
• 2分割の拡大・縮小：左右それぞれの「ズーム」を動かします。
• 多分割の拡大・縮小：「全体ズーム」を動かすと、すべてのマスへ同じ倍率が適用されます。
• 分割方法：多分割の「分割パターン」で、9分割・4分割・マンガ風を選べます。

テキストとフレーム

テキスト設定

「テキストを表示」で表示・非表示を切り替え、表示文言、回転角度、サイズ、フォント、文字色、発光カラーを調整できます。

キャンバス上の文字をクリックすると編集枠が表示されます。中央をドラッグすると移動、四隅のハンドルで拡大・縮小、上側の丸いハンドルで回転できます。

フレーム設定

「仕切りの太さ」で画像間の線を、「外枠の太さ」でキャンバスの周囲を調整します。多分割では「フレーム ON」を有効にすると仕切りが表示されます。

デザインテンプレート

各レイアウトの「デザインテンプレート（20種）」から、文字色・発光カラー・フォントの組み合わせを選べます。選んだあとも各設定を個別に調整できます。

表示モードとキャンバス背景色

編集画面左上の設定ボタンから、ライト・ダーク表示を切り替えられます。「キャンバス背景色」は画像の外枠や仕切りの色にも使われます。

折りたたみ項目の開閉状態も保存されます。よく使う項目だけを開いた状態にしておけます。

モザイクブラシ

2分割と多分割のそれぞれに、画像の一部だけを隠すモザイクブラシがあります。「モザイク」を開き、用途に合うツールを選びます。

ブラシの調整

• ブラシサイズ：塗る範囲の直径を変更します。
• ピクセル数：数値を大きくするほど、モザイクの四角が大きくなります。
• ブラシの硬さ：数値を下げると境界がなだらかになり、上げるとはっきりします。

キーボード操作

• ↑、]、.／。：ブラシサイズを5px大きくします。
• ↓、[、,／、：ブラシサイズを5px小さくします。
• Option（WindowsはAlt）：押している間だけ、ブラシと消しゴムを反転します。描いている途中でも切り替わります。
• Command + Z／Ctrl + Z：ひとつ前のモザイク操作へ戻します。
• Command + Shift + Z／Ctrl + Shift + Z／Ctrl + Y：やり直します。

入力欄へ文字を入力している間は、ブラシサイズやUndo・Redoのショートカットは動作しません。

多分割の全体フィルター

「全体フィルター」は、多分割に配置したすべての画像へ一括で効果をかける機能です。部分的に描く「モザイクブラシ」とは別に動作します。

• 種類：ガウスぼかし、またはピクセルタイルを選びます。
• 強度：0で効果なしです。数値を上げるほど効果が強くなります。

プリセット

よく使うデザインを2パターンまで保存できます。未登録の枠では「現在の設定を登録」、登録済みの枠では「適用」または「上書き保存」を選びます。

• 保存される内容：キャンバス背景、両レイアウトの文字・文字の配置・フレーム・ズーム・分割・フィルター・ブラシ設定。
• 保存されない内容：画像ファイル、描いたモザイク、設定項目の開閉状態、ライト・ダーク表示。

設定とプリセットは、現在のURLを開いているこのブラウザ内に保存されます。別の端末や別のブラウザへは自動で同期されません。

PNGで保存する

左側メニュー下部のボタンから、用途に合う保存方法を選びます。書き出される画像は1200×1200pxのPNGです。

• 2分割を保存：上側の2分割キャンバスだけを書き出します。
• 多分割を保存：下側の多分割キャンバスだけを書き出します。
• 両方を一括保存：2種類のPNGを順番にダウンロードします。

文字の編集枠、モザイクのカーソル、ドラッグ＆ドロップの案内は保存画像に入りません。保存先はブラウザのダウンロード設定に従います。

困ったとき