画像 / 描画

オンラインお絵描きパッド

スマートフォン、タブレット、パソコンで手軽にスケッチできるシンプルなお絵描きパッドです。ブラシと色を選び、線を元に戻して、画像をアップロードせずに保存できます。

オンラインお絵描きパッド: アイデアが消えてしまう前に描き留められる、2つのツールを備えた縦長の描画スペースです。スマートフォンで間取りのアイデアを書き留めたり、手書きの練習をしたり、道順を説明したり、小さなキャラクターを描いたりできます。ブラシは6ピクセルから始まり、丸形、四角形、スプレーの先端を選べます。サイズは1から100まで選択でき、筆圧に対応したペンでは描いている間にサイズを変えられます。消しゴムは白いキャンバス上でSecondaryの色を使います。「透明な背景」を有効にすると、代わりにピクセルを透明に消去できます。パレットには28色あり、カスタムカラーピッカーで色を追加することもできます。Primaryは通常の描画色です。Secondaryを選ぶと消しゴムの色を設定できます。マウスで描く場合は右クリックでも切り替えられます。元に戻す、やり直す機能を使って、1回の利用中に少なくとも50回の編集を修正できます。ズームは表示倍率だけを変え、保存する画像は変えません。キャンバスは320 × 440ピクセルで始まるため、小さな画面でも縦長のスケッチをコンパクトに作成できます。この下書きはフルエディターとは別に保存されるため、ツールを切り替えてももう一方の絵が上書きされることはありません。透明背景のくっきりした落書きにはPNG、白い背景にはJPG、圧縮画像にはWebP、非圧縮のカラー画像にはBMPを保存してください。テキスト、図形、選択範囲、画像の読み込み、大きなキャンバスが必要な場合は、[オンラインペイント](/paint-online)をご利用ください。既存の画像を切り抜く場合は[画像の切り抜き](/crop-image)、出力サイズを正確に指定する場合は[画像リサイズ](/image-resizer)をご利用ください。 サーバーへのファイルアップロードは一切なく、100%ブラウザ内でローカル実行します。

カテゴリ
画像ツール
実行回数
ブラウザ内で
コスト
無料 · 登録不要
提供状況
すぐに使えます
カーソル: 0, 0キャンバス: 800 × 500 px下書きを読み込み中…

描画とショートカット

ショートカット操作
Ctrl+Z元に戻す
Ctrl+YまたはCtrl+Shift+Zやり直す
Ctrl+S選択した形式で保存
+ / −ズーム
Escape進行中のストロークをキャンセル

macOSでは、Ctrlの代わりにCommandを使います。ブラシは色を描画し、消しゴムは色を消すか覆い隠します。「新しいキャンバス」を選ぶと下書きが消去されます。このパッドには、縦長のキャンバスと6ピクセルのブラシという便利な既定値があります。

MDNのPointer Eventsガイド(https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events)では、筆圧を含むマウス、タッチ、ペンの入力について説明しています。描画に外部アセットやアカウントは必要ありません。

画像ファイルと保存した下書き

HTMLキャンバス仕様(https://html.spec.whatwg.org/multipage/canvas.html)では、ブラウザでの描画と画像のエクスポートについて説明しています。MDNのHTMLキャンバスガイド(https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API)では、ピクセルベースの画像について説明しています。

IndexedDBは現在のスケッチをデバイスに保存します。MDNの説明はhttps://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API にあります。ブラウザの設定やプライベートブラウジングによって保存が制限される場合があるため、作業を保持するにはダウンロードしたファイルを保存してください。

使い方

  1. 色とブラシサイズを選びます。縦長のキャンバスですぐにスケッチを始められます。
  2. 指、ペン、マウスで描きます。消しゴムに切り替えるか、線を元に戻して修正します。
  3. PNG、JPG、WebP、BMPから形式を選び、完成した絵を保存します。

プライバシーと制限事項

描画内容はこのブラウザ内に保存されます。何もアップロードされません。最新のスケッチは、このデバイスのIndexedDBに自動保存されます。「新しいキャンバス」を選ぶと、保存済みの下書きと元に戻す履歴がリセットされます。ブラウザのストレージを消去する前に、大切なスケッチをダウンロードしてください。

関連ツール

よくある質問

指やスタイラスで描けますか?

はい。キャンバス内をドラッグして描き、キャンバスの外をスクロールしてページを移動します。スタイラスとブラウザが筆圧に対応している場合は、筆圧によってブラシサイズが変わります。細部を描くときはズーム操作を使ってください。

完成したスケッチを失わずに最初からやり直すにはどうすればよいですか?

先に画像を保存してから、「新しいキャンバス」を選んでください。パッドは320 × 440ピクセルの新しい状態で始まり、保存されている下書きを置き換えます。「新しいキャンバス」を選ぶかページを再読み込みすると、元に戻す履歴は消去されます。

テキスト、図形、画像を開く機能はどこにありますか?

このパッドは、スマートフォンですばやくスケッチできるよう、ブラシ、消しゴム、色、元に戻す機能、保存機能に絞っています。フルペイントエディターでは、鉛筆、塗りつぶし、カラーピッカー、テキスト、図形、選択範囲の編集、画像を開く機能、変形を利用できます。保存される下書きは、このパッドとは別に管理されます。

無料ツール · ブラウザ内で · アカウント不要