SNS・ポートフォリオ・見本・サムネイル
SNS投稿、ポートフォリオ、透かし入り見本、サムネイル用のJPGを一度に生成します。
DrowPackについて
DROWはDraw、Render、Output、Wrapを表します。作品の完成後、DrowPackは各プラットフォーム向けファイル、見本画像、サムネイル、SVGベクター版を1つの流れで保存できるようにします。
作品をアップロード
PNG、JPG、WebP、SVG、PDF、PDF互換AIファイルをプレビューcanvasに描画し、そのcanvasからパッケージ生成とSVG変換を行います。
プレビューcanvas
このcanvasに表示された結果がSVG変換の元になります。
このcanvasに表示された結果がSVG変換の元になります。
SVG書き出し
SVGベクターを抽出
ロゴ、線画、シルエットをきれいなSVGファイルへ変換します。複雑なカラーイラストは元品質SVGとして保存できます。
おすすめ
シンプルなロゴや線画には編集可能なベクターSVGを、複雑な作品には見た目重視のSVGを選んでください。
ベクタープレビュー
SVGプレビューがここに表示されます。
機能
作品投稿のたびに必要になるファイルを、まとめて準備できます。
元品質SVGと純粋なベクターSVG
細かなカラーイラストは現在のcanvasを高解像度で埋め込む元品質SVGとして保存し、ロゴ、線画、シルエットは編集可能な純粋ベクターSVGへトレースできます。
基本変換はブラウザ内で実行
画像の読み込み、リサイズ、透かし処理、ZIP生成、AIを使わないSVG変換はブラウザ内で実行されます。AI編集またはAI補助SVG生成を実行した場合に限り、現在のキャンバスとプロンプトが設定済みの外部AIプロバイダーへ送信されます。
元サイズを保持し、必要に応じて手動リサイズ
アップロード画像は元のピクセルサイズで表示されます。高品質にサイズ変更したい場合は幅と高さを入力してください。
スケッチと白黒イラスト
落書き、スケッチ、漫画線画など、境界がはっきりした白黒画像をトレースします。
アイコンやシンボルを整理
シャープなロゴ、アイコン、シンボルにはロゴモードを使います。暗い形を一つの塊としてトレースしたい場合はシルエットモードを使います。
元の色からベクター化
純粋なベクターSVGでは「元の色を保持」を有効にすると、現在のキャンバスの色からパスを作成できます。シンプルなイラストや輪郭のはっきりした形に適しています。
複雑な作品の品質を保持
目のハイライト、髪のグラデーション、小さな装飾など細部が多い作品では、元品質SVG、PNG、WebPが最も安定します。
拡大しても線をきれいに
カラー画像では、元の色を保ちながら細かなパスやアンチエイリアス由来の点を抑え、SVGの輪郭を滑らかにします。線画には必要に応じてコントラストとシャープネスの補正も適用できます。
使い方
基本の流れは、アップロード、プレビュー確認、パッケージのダウンロード、必要に応じたSVG変換です。
- ファイルをアップロード: PNG、JPG、WebP、SVG、PDF、またはPDF互換AIファイルを選択するか、ドラッグ＆ドロップします。
- プレビューを確認: canvasに表示された結果を確認します。アップロード画像は自動縮小されず、元のピクセルサイズで描画されます。
- パッケージをダウンロード: SNS投稿、ポートフォリオ、透かし入り見本、サムネイル用のJPGをZIPとして保存します。
- SVG変換を選択: 線画、ロゴ、シルエット、シンプルカラーのいずれかを選び、現在のキャンバスをSVGへ変換します。
- 結果を保存: `artwork_vector.svg`をダウンロードするか、画像出力と一緒にZIPへ含めます。
アップロード前に画像を準備
安定した結果を得るには、完成作品を先にPNGまたはJPGで書き出してください。透過が必要なキャラクター、アイコン、ステッカーにはPNGを、写真や全面背景の画像にはJPGまたはWebPを使用します。
用途別ファイルを一度に作成
同じ原稿からSNS、ポートフォリオ、コミッション見本、サムネイル用ファイルを生成します。投稿のたびに同じ作品をリネームしたりサイズ変更したりする必要がありません。
ベクターか元品質かを選ぶ
編集可能なパスが必要な場合は純粋なベクターSVGを選びます。グラデーション、質感、ブラシの細部など見た目が重要な場合は、元品質SVGまたはPNG/WebPの方が安全です。
単純な形にはベクターモード
太い線、ロゴ、アイコン、白黒シルエットは、通常きれいな純粋ベクターSVGへ変換できます。境界がぼやけている場合や色数が多い場合は、まず色数とディテールを低めにして試してください。
ファイルサイズと鮮明さのバランス
色数とディテールを上げるとSVGは精細になりますが、ファイルサイズも増えます。Web投稿用では拡大して結果を確認し、必要な範囲だけ値を上げてください。
大きなファイルが重い場合
ブラウザのメモリ上限を超える大きな画像は、プレビューや変換が遅くなることがあります。SVG変換を試す前に画像をリサイズするか、JPG品質を下げて保存し直してください。
よくある質問
DrowPackの画像パッケージとビットマップからSVGへの変換に関する質問です。
ビットマップ画像をベクターに変換できますか？
はい。形式は2つあります。元品質SVGは現在のcanvasを高解像度画像として埋め込んで見た目を保ち、純粋なベクターSVGはロゴ、線画、シルエット、単純なカラー作品を編集可能なパスへトレースします。
写真をきれいにSVGへ変換できますか？
写真や複雑なカラーイラストには元品質SVGをおすすめします。純粋なベクタートレースは非常に大きなファイルになったり、元と違って見えることがあるため、編集可能なパスが必要な場合だけ使ってください。
Illustratorの画像トレースと同じくらい完全ですか？
純粋なベクター変換は、アップロード用SVGを手早く作るブラウザベースの機能です。専門編集ソフトの全機能を置き換えるものではありません。見た目が重要な細かなイラストには元品質SVG、PNG、WebPを使ってください。
元品質SVGは完全に編集可能なベクター作品ですか？
いいえ。元品質SVGは高解像度PNG画像をSVG内に埋め込み、ブラウザやビューアで元の見た目に近く表示します。色面や線を別々に編集したい場合は純粋なベクターSVGを選んでください。
元品質SVGを拡大するとピクセルが見えますか？
元品質SVGは最大10倍の高解像度PNGを埋め込めるため、拡大時のピクセル感を抑えられます。ただし純粋なベクターファイルではないため、非常に大きく拡大するとラスターの性質が見える場合があります。
純粋なベクターSVGで白い縁が目立つのはなぜですか？
白背景と内部ハイライトが混在するイラストでは、カラートレース中に白い縁ノイズが出ることがあります。また、ブラウザのアンチエイリアスにより色パスの境目に細い白い隙間が見えることもあります。高品質イラストモードと色の隙間補正を使うと、内部の白いディテールを保ちながら隙間を減らせます。
AIファイルとPDFファイルを直接開けますか？
PDFファイルとPDF互換で保存されたIllustrator AIファイルは、最初のページをキャンバスへ描画できます。PDF互換データのないAIファイルと元のPSDファイルはブラウザで直接開けないため、先にPNG、JPG、WebPのプレビューを書き出してください。
アップロードしたファイルはサーバーへ送信されますか？
通常のワークフローでは送信されません。画像処理、ZIP生成、AIを使わないSVG変換はブラウザ内で完結します。AI編集とAI補助SVG生成は任意機能で、実行した場合に限り、結果を生成するため現在のキャンバスとプロンプトが設定済みの外部AIプロバイダーへ送信されます。
画像サイズの制限はありますか？
DrowPackはアップロード画像を自動縮小せず、元のピクセルサイズでプレビューcanvasに描画します。ブラウザや端末のメモリ上限を超える画像は処理に失敗することがあるため、必要に応じてサイズを下げて再試行してください。
リサイズ品質はどのように決まりますか？
大きな画像を縮小する際、DrowPackは一度で縮めるのではなく高品質な段階的リサンプリングを使います。縦横比オプションとJPG品質スライダーで、アップロードサイズと画質のバランスを調整してください。
広告は画像ファイルや作業内容を見ることができますか？
広告プロバイダーがDrowPackから選択画像やキャンバスを受け取ることはありません。サイト利用や広告配信のため、Cookieなど一般的なWeb技術を使用する場合があります。これとは別にAI機能を実行すると、そのリクエストに限り、現在のキャンバスとプロンプトが設定済みの外部AIプロバイダーへ送信されます。
DrowPackは出力ファイルの所有権を主張しますか？
いいえ。DrowPackはアップロード素材または出力ファイルの所有権を主張しません。ただし、利用できる権利は元作品の著作権・肖像権・ライセンス条件、AI提供者の条件、適用法令によって異なる場合があります。自分で制作した画像、または必要な許可を得た画像のみを使用してください。
プライバシーとファイル処理の要点
通常の変換はブラウザ内で実行されます。任意のAIリクエストと、サイト配信に伴う一般的なデータ処理は別の経路として説明します。
処理の概要
- 標準ワークフロー：画像を開く、リサイズ、パッケージ作成、通常のSVG変換は現在のブラウザ内で動作します。DrowPackは元ファイルやダウンロードのコピーを別途サーバーへ保存しません。
- 任意のAI：ユーザーがAI機能を実行した場合に限り、現在のcanvasの縮小コピーとプロンプトがDrowPack Workerを経由して設定済みのAIプロバイダーへ送信されます。
- サイト配信：ホスティング、セキュリティ、広告サービスは、ページ配信時にIPアドレス、HTTP情報、Cookieなどの一般的なウェブデータを処理する場合があります。
AIプロバイダー、保存範囲、広告Cookie、メールでの問い合わせ、ユーザーの選択についてはプライバシーポリシーを、ファイルの権利と責任については利用案内を確認してください。