画像 / 描画
Paint Online：無料のMicrosoft Paint代替ツール
白紙のキャンバスに描画したり、画像を開いたりできます。鉛筆、ブラシ、塗りつぶし、テキスト、図形、選択範囲を使い、PNG、JPG、WebP、BMPで保存できます。作業内容はこのデバイス内に保持されます。
Paint Online：無料のMicrosoft Paint代替ツール: 図解、注釈、ピクセル画像の作成に使える、なじみのあるペイント作業環境です。鉛筆は1ピクセルの線を描きます。ブラシには丸、四角、スプレーの先端があり、サイズと筆圧を設定できます。消しゴムは副色を使いますが、「透明な背景」を有効にするとピクセルを消去します。塗りつぶしは連続した領域の色を変更します。許容値は0から255まで設定でき、開始ピクセルとの差を赤、緑、青、アルファの各成分で許容します。スポイトはピクセルの色を取得します。テキストではフォントファミリー、サイズ、太字、斜体を設定できます。線と矢印は2つの点を結びます。長方形、角丸長方形、楕円、多角形では、枠線、塗りつぶし、またはその両方を指定できます。両方を指定すると、内部に副色を使います。曲線は両端の点を描いてからドラッグして曲げます。多角形は角をクリックし、Enterで確定します。長方形選択と自由選択では、ドラッグ、コピー、切り取り、削除、トリミングができます。キャンバスのサイズを変更してトリミングしたり余白を追加したりできます。また、「画像を拡大縮小」を有効にするとピクセルを引き伸ばせます。傾き、回転、反転は画像全体に適用されます。ズームを800%以上にすると、ピクセルグリッドを表示できます。現在の訪問中は、少なくとも50件の編集を元に戻す履歴を保持します。スマートフォンですぐにスケッチするなら[drawing pad](/drawing-pad)、ベクターパスを扱うなら[SVG editor](/svg-editor)をお試しください。 サーバーへのファイルアップロードは一切なく、100%ブラウザ内でローカル実行します。
- カテゴリ
- 画像ツール
- 実行回数
- ブラウザ内で
- コスト
- 無料 · 登録不要
- 提供状況
- すぐに使えます
画像を開くかクリップボードから貼り付け
クリック、ドラッグ＆ドロップ、または貼り付け · このデバイス上にとどまります
画像をドロップするか、参照してキャンバスを置き換えます。このドロップゾーンにフォーカスしてCtrl+Vを押すと、コピーした画像を開けます。別の場所に貼り付けると、画像がキャンバス上に配置されます。「元に戻す」で前の画像に戻せます。
サイズ変更、傾き、回転、反転
キャンバスのサイズ変更では、画像が切り取られたり余白が追加されたりします。「キャンバスに合わせて画像を拡大縮小」を有効にすると、最近傍補間による鮮明なピクセルスケーリングで描画を引き伸ばせます。「傾き」では、傾けた画像が収まるようにキャンバスを拡大します。上限は1辺2048ピクセル、合計400万ピクセルです。
ツールとキーボードショートカット
| ショートカット | 操作 |
|---|---|
| Ctrl+Z | 元に戻す |
| Ctrl+YまたはCtrl+Shift+Z | やり直す |
| Ctrl+C | 選択範囲またはキャンバスをコピー |
| Ctrl+X | 選択範囲を切り取り |
| Ctrl+V | 画像または内部コピーを貼り付け。フォーカス中の「画像を開く」ドロップゾーンでは、キャンバスを置き換えます |
| Ctrl+A | すべて選択 |
| Delete | 選択範囲を削除 |
| Ctrl+S | 選択した形式でダウンロード |
| + / − | 拡大・縮小 |
| Enter | 多角形または曲線を確定 |
| Escape | 未完了の操作をキャンセル |
macOSでは、Ctrlの代わりにCommandを使います。テキストフィールドや設定フィールドへの入力中は、ショートカットは入力を妨げません。
選択範囲をドラッグして移動します。自由選択では、なぞったピクセルの周囲に閉じた輪郭を使用します。トリミングすると、選択範囲の外側にあるピクセルは削除されます。キャンバスのサイズ変更ハンドルは、右端、下端、右下隅にあります。タッチとペンでは同じツールを使用します。ペンから筆圧が提供される場合は、筆圧によってブラシのサイズが変わります。
キャンバスとローカルストレージ
HTML Living Standardでは、ブラウザの描画領域と画像エンコードについて説明しています（https://html.spec.whatwg.org/multipage/canvas.html）。このツールはオリジナルのアイコンを描画し、ローカルで定義された28色のパレットを使用します。第三者のアートワークは含まれていません。
MDNのCanvasガイド（https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial）では、ラスター描画と透明度について説明しています。MDNのIndexedDBガイド（https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API）では、下書きに使用するローカルストレージについて説明しています。クリップボードのサポートとアクセスは、ブラウザによって異なります。
使い方
- 白いキャンバスから始めるか、ドロップゾーン、ファイルから画像を開くか、フォーカスしたドロップゾーンに画像を貼り付けます。
- 左側でツールを選び、キャンバスの下で主色と副色を設定して描画します。副色を使うには右クリックします。
- 編集を元に戻したり、必要に応じて画像のサイズ変更や回転を行ったりしてから、形式を選んで保存します。
プライバシーと制限事項
画像と描画操作はブラウザ内に保持されます。何もアップロードされません。最新のキャンバスはこのデバイスのIndexedDBに自動保存され、モードごとに別の下書きが保存されます。新しいキャンバスを作成すると、その下書きと元に戻す履歴がリセットされます。ブラウザのストレージは消去されることがあるため、残しておきたい作業はダウンロードしてください。
関連ツール
よくある質問
画像を開いたり貼り付けたりするにはどうすればよいですか？
「画像を開く」を展開し、ファイルを参照するかドロップしてキャンバスを置き換えます。そのドロップゾーンにフォーカスしてCtrl+Vを押すと、クリップボードの画像を開けます。別の場所に貼り付けるか「貼り付け」ボタンを使うと、画像を左上に配置できるため、選択して移動できます。どちらの操作も元に戻せます。選択範囲または画像全体をコピーできますが、クリップボードへのアクセスにはブラウザの許可が必要です。アクセスがブロックされている場合も、このページの「貼り付け」から内部コピーを利用できます。
Microsoft Paintのように使えますか？
ツールパネル、主色と副色、パレット、サイズ変更ハンドル、ステータスバーは、なじみのある位置に配置されています。作品、色、アイコンの著作権はTOEAに帰属します。Microsoft PaintはMicrosoftの商標です。TOEAはMicrosoftと提携していません。このエディターはブラウザで動作し、デスクトップへのインストールは必要ありません。
どの形式で保存すればよいですか？
PNGはピクセルと透明度を保持します。WebPも透明度を保持できますが、JPGとBMPでは透明な領域が白で塗りつぶされます。JPGとWebPの品質は92%です。BMPは非圧縮の24ビットカラーです。1辺2048ピクセル、合計4百万ピクセルまでの画像に対応しています。それより大きい画像は、先に画像リサイズで縮小してください。再読み込み後も下書きのピクセルとキャンバスサイズは復元されますが、元に戻す履歴は現在の訪問にのみ属します。
無料ツール · ブラウザ内で · アカウント不要