ブラウザ画像＆描画エディタ

画像をどこにもアップロードすることなく、画像をトリミング、調整、注釈付け、描画できます。

このエディタの目的

これは、他の作業を中断する作業のための小さな画像エディタです。スクリーンショットをトリミングし、重要な部分を丸で囲み、アドレスを空白にし、キャプションを追加し、出てきた写真を横に回転して保存し、その日の作業を続けます。

PNG、JPEG、WebPを40 MBまで開き、PNG、JPEG、WebPへ書き出します。PNGは可逆で透明部分を保持します。JPEGは写真向けに小さく、透明部分は背景色で塗りつぶします。WebPはその両方に対応します。

画像はこのページ内でデコードおよび編集されます。ファイルはアップロードされず、作業中にツールがネットワーク要求を行うことはありません。タブを閉じると、どこにも何も保存されないため、画像と元に戻す履歴の両方が破棄されます。

ツールとそれぞれの機能

6 つの描画ツールは、長いリストが印象的であるという理由ではなく、注釈をカバーするという理由で選ばれています。

ブラシ — 選択した色、幅、不透明度でのフリーハンドストローク。
消しゴム — アクティブなレイヤーからピクセルを削除し、白ではなく透明なままにします。
ライン — 直線。 Shift キーを押したままにすると、角度を制限できます。
長方形 — 輪郭付きまたは塗りつぶし。 Shift キーを押したまま正方形にします。
楕円 — 輪郭または塗りつぶし。 Shift キーを押したまま一周します。
テキスト — 選択したサイズのサンセリフ体、または等幅文字のキャプション。

画像自体を変更する

クロップはキャンバス上でドラッグし、その後に明示的に適用することなので、誤ってドラッグしても何も破壊されることはありません。サイズ変更には明示的なピクセル寸法が必要です。「回転」では、文書全体をいずれかの方向に 90 度回転し、水平または垂直に反転します。

これらのそれぞれは、ドキュメント全体をカバーする 1 つの元に戻すステップです。これは、変更された少数のピクセルからその逆を再構築することができないためです。ストロークの描画は、ポインターサンプルごとではなく、ジェスチャーごとに 1 回の取り消しステップであるため、実際に作業した速度で取り消しが行われます。

元に戻す履歴は、深さと保持されるバイト数の両方によって制限されます。これは意図的な制限です。フルサイズのビットマップの無制限の履歴により、携帯電話のブラウザタブのメモリが不足するのと同じです。

意図的にシンプルに保たれたレイヤー

最大 12 個のレイヤーを積み重ねたり、並べ替えたり、非表示にしたり、レイヤーごとに不透明度を設定したり、レイヤーを下のレイヤーに結合したりできます。したがって、別の決定を下すまで、注釈は写真とは別個に保たれます。

ここでのレイヤーはプレーンなラスタービットマップです。ブレンドモード、マスク、調整レイヤー、グループは実装されていません。これは、埋められるのを待っているギャップではなく、範囲の決定です。それぞれのモードにより、ドキュメントに必要なメモリが倍増し、エクスポートで驚くような方法が多数発生します。

電話での作業

描画にはポインターイベントが使用されるため、指、スタイラス、トラックパッド、マウスはすべて同じように動作し、キャンバスはブラウザー自体のスクロールジェスチャと競合しません。

大きな画像は開くときにピクセルバジェットまで縮小され、エクスポートが元の画像よりも小さい理由を疑問に思うことなく、そのことがいつ行われるかが通知されます。この予算のおかげで、40 メガピクセルの写真がタブにクラッシュするのを防ぐことができます。

何ができないのか

これは完全な画像エディタに代わるものではないため、始める前に制限を知っておく価値があります。

RAW、HEIC、TIFF、GIF、SVGは入力できません。対応するのはPNG、JPEG、WebPだけです。
ブレンドモード、マスク、調整レイヤー、レイヤーグループはありません。
コンテンツに応じた塗りつぶし、修復ブラシ、クローンスタンプ、背景の削除はありません。
ベクトル形状はありません。ポインタを放すとすべてがピクセルにコミットされます。
次の訪問の間には何も保存されないため、タブを閉じる前にエクスポートしてください。