画像をExcalidrawに変換

画像を編集可能なExcalidraw風の図に変換

スケッチ、図の画像、ホワイトボード写真をアップロードすると、手書き感を保った編集可能なExcalidraw風の図の下書きに変換します。

画像に見えている図形、文字、接続線を編集可能な手書き風オブジェクトとして再構築します。
会議のスケッチやラフな図を、後から整えられるデジタルの図に変換します。
ラベル、ボックス、矢印を調整し、利用できる形式で書き出せます。

対応する入力形式

PNGJPGJPEGSVG

画像変換ツール

図の画像をアップロード

スケッチ向けワークフロー

JPG、JPEG、PNG、SVGの図の画像をここにドロップ

JPG、JPEG、PNG、SVG・最大5 MB

スケッチ向けワークフローを選択した編集用キャンバスを開きます。

編集可能な変換例

手書き風の画像を編集可能なExcalidraw風の図に変換

手書きのスケッチ、スクリーンショット、ホワイトボード写真を、手書き感を保った編集可能な図の下書きに変換します。文字、図形、接続線を後から整えられます。

変換前

スケッチまたはホワイトボード画像

画像のまま
Excalidraw変換前の手書きフローチャート

粗い画像と不揃いなレイアウト

変換後

編集可能な手書き風キャンバス

編集可能
画像から作成した編集可能な手書き風フローチャート

編集できる手書き風のオブジェクト

Excalidraw風編集可能な図形編集可能なラベルPNGまたはSVG

画像の図と編集可能な図の違い

写真または手書きのスケッチ整えられる編集用の下書き
文字を直しにくいラベルを修正できる
接続線は画像に固定矢印を調整できる
共有しにくい会議メモ共有可能な図のキャンバス

変換後に確認すること

文字が読めるスケッチやホワイトボード写真に適しています。書き出す前に手書き文字、反射、交差する矢印を確認してください。

手書き風の図を作成

変換の仕組み

元となるファイルを用意し、AIに見えている構造を再構築させてから、キャンバス上で編集可能な結果を確認します。

1

図の画像をアップロード

スクリーンショット、書き出し画像、スキャン画像、ホワイトボード写真などを追加します。

2

AIが構造を再構築

文字、図形、分岐、矢印、接続線、配置を認識して編集可能な下書きを作成します。

3

確認して書き出し

キャンバスで文字や接続線を整え、必要な形式で書き出します。

編集可能な変換結果

変換後に編集できる内容

ZUOKOSHIは見えている図を編集可能な図形として再構築するため、平面画像のままではなく、確認と調整ができる出力になります。

ラベル

図を再構築した後、表示されている文字ラベルを確認して編集できます。

図形

工程のボックス、判断ノード、そのほかの図形を移動、拡大縮小、追加、削除できます。

接続線

矢印をつなぎ直し、流れの方向や分岐を必要に応じて調整できます。

レイアウト

編集用キャンバス上で余白、整列、グループ、読み順を整えられます。

画像を図に変換する用途

もう一度編集したい図のために

入力する画像や必要な編集形式に合う変換ツールを選べます。

画像からフローチャートを作成

業務フロー、判断フロー、プロセス図を編集可能な形に変換します。

古い図を更新

元ファイルがなくても、画像に残った図を更新できる下書きとして再構築します。

会議の図をデジタル化

ホワイトボードや手書きの図を、共有・調整しやすいデジタルの図にします。

アップロード前の確認

変換後に確認すること

画像を編集可能な図に変換するとは

画像を図に変換するツールは、静的な図の画像から文字、図形、矢印、接続関係を読み取り、編集可能な図として再構築するためのツールです。

スクリーンショット、書き出し画像、スキャン画像、ホワイトボード写真しか残っていない場合でも、描き直す前の下書きとして使えます。

より正確に変換するための画像

文字、矢印、接続線が見やすく、十分なコントラストがある画像を使用してください。

変換後は、共有や書き出しの前に文字、矢印、分岐、レイアウトを確認してください。

Results and quality

Supported outputs and best results

見やすいPNG、JPG、JPEG、SVGの図の画像をアップロードしてください。文書内の図は、必要なページを画像として書き出すかキャプチャしてからアップロードします。

対応する画像形式

PNGJPGJPEGSVG

利用できる出力形式

編集可能なキャンバスdraw.ioファイルMermaidExcalidrawファイルPNGSVG

書き出せる形式は、現在のZUOKOSHIキャンバスの書き出し機能に従います。

編集可能なキャンバス

Free
利用可
Pro
利用可
Notes
再構築した図を確認・調整するための基本ワークスペースです。

PNG

Free
透かしあり
Pro
透かしなし・高解像度
Notes
簡単な共有、プレゼンテーション、視覚的なドキュメントに向いています。

SVG

Free
制限あり
Pro
利用可
Notes
拡大してもきれいなドキュメントやWebサイトに向いています。

draw.ioファイル

Free
制限あり
Pro
利用可
Notes
draw.io互換の編集ワークフローで利用できます。

Mermaid

Free
利用できる場合にコピー
Pro
高度な書き出し
Notes
Markdown、GitHub、Notion、技術ドキュメントに便利です。

Excalidrawファイル

Free
制限あり
Pro
利用可
Notes
手書き風の編集可能な図のワークフローで利用できます。

Best results checklist

  • 文字が読みやすい、見やすい画像を使用してください。
  • 複数の無関係な図がある場合は、1つの図または1つの工程にトリミングしてください。
  • 矢印の先端、接続線、判断ラベルが見える状態にしてください。
  • コントラストの高いスクリーンショット、または正面から撮影したホワイトボード写真を使用してください。
  • 最終的な図を書き出す前に、ラベル、矢印、分岐方向を確認してください。
  • 文字と矢印が読める、反射の少ないスケッチまたはホワイトボード写真を使用してください。

Limitations and cleanup

  • 密集した図は、最初のAI再構築後に手動で整える必要があります。
  • ぼやけた文字、切り取られた文字、コントラストの低い文字は認識精度に影響します。
  • 結果は隠れた元データを復元するものではなく、見えている構造を再構築した編集可能な図です。
  • 接続方向、分岐ラベル、複雑なレイアウトは共有前に確認が必要になる場合があります。
  • 読みにくい手書き文字、反射、交差する矢印は、変換後に手動で修正が必要になる場合があります。

After conversion

Continue from the converted diagram without rebuilding the file.

編集用キャンバスを開く

手動で編集しながら、再構築した図をさらに整えます。

目的のファイルを書き出す

利用できる場合は、完成した図をdraw.io、Mermaid、Excalidraw、PNG、SVGとして書き出します。

下書きを確認

共有する前に、ラベル、図形、矢印、接続線を確認します。

よくある質問

アップロード前の疑問

画像を編集可能な手書き風の図に変換

スケッチ、スクリーンショット、ホワイトボード写真をアップロードし、再構築した図をキャンバスで調整します。

画像をExcalidrawに変換