SNS, ポートフォリオ, Samples, サムネイルs
Create JPGs for SNS posts, portfolios, watermarked samples, and thumbnails in one pass.
DROW Draw · Render · Output · Wrap
作品をアップロード用に
まとめて書き出し。
DrowPackは、完成した作品をSNS、ポートフォリオ、コミッション見本、サムネイル、SVGベクター用ファイルへ整えるブラウザベースのツールです。
Draw
Render
Output
Wrap
生成ファイル
作品ファイルを1つアップロードして、下の出力を一度に作成できます。
- artwork_social.jpgSNS投稿
- artwork_portfolio.jpgポートフォリオ
- artwork_sample.jpgコミッション見本
- artwork_thumbnail.jpgサムネイル
- artwork_vector.svg任意出力
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 preview will appear here.
機能
Prepare the files you repeatedly make before posting artwork.
Original-Quality SVG and Pure Vector SVG
細かなカラーイラストは現在のcanvasを高解像度で埋め込む元品質SVGとして保存し、ロゴ、線画、シルエットは編集可能な純粋ベクターSVGへトレースできます。
サーバー変換APIなしで動作
Image loading, resizing, watermarking, ZIP generation, and SVG conversion run inside the browser. Files are not sent to a server.
元サイズを保持し、必要に応じて手動リサイズ
アップロード画像は元のピクセルサイズで表示されます。高品質にサイズ変更したい場合は幅と高さを入力してください。
Sketches and Black-and-White Drawings
落書き、スケッチ、漫画線画など、境界がはっきりした白黒画像をトレースします。
アイコンやシンボルを整理
シャープなロゴ、アイコン、シンボルにはロゴモードを使います。暗い形を一つの塊としてトレースしたい場合はシルエットモードを使います。
元の色からベクター化
For pure vector SVG, turn on original color preservation to build paths from the current canvas colors. This works best for simple illustrations and bold shapes.
複雑な作品の品質を保持
目のハイライト、髪のグラデーション、小さな装飾など細部が多い作品では、元品質SVG、PNG、WebPが最も安定します。
拡大しても線をきれいに
For color images, DrowPack keeps original colors while reducing tiny paths and antialiasing dots for smoother SVG edges. Line art can also receive contrast and sharpness corrections when needed.
使い方
The basic flow is upload, check the preview, download the package, and optionally convert to SVG.
- ファイルをアップロード: Choose or drag and drop a PNG, JPG, WebP, SVG, PDF, or PDF-compatible AI file.
- プレビューを確認: canvasに表示された結果を確認します。アップロード画像は自動縮小されず、元のピクセルサイズで描画されます。
- パッケージをダウンロード: JPG保存s for SNS posts, portfolios, watermarked samples, and thumbnails as a ZIP file.
- Choose SVG conversion: Choose line art, logo, silhouette, or simple color mode, then convert the current canvas to SVG.
- 結果を保存: Download `artwork_vector.svg` or include it in the ZIP with the image outputs.
アップロード前に画像を準備
For the most stable results, export finished artwork as PNG or JPG first. Use PNG for characters, icons, and stickers that need transparency, and use JPG or WebP for photos or images with full backgrounds.
用途別ファイルを一度に作成
同じ原稿からSNS、ポートフォリオ、コミッション見本、サムネイル用ファイルを生成します。投稿のたびに同じ作品をリネームしたりサイズ変更したりする必要がありません。
ベクターか元品質かを選ぶ
編集可能なパスが必要な場合は純粋なベクターSVGを選びます。グラデーション、質感、ブラシの細部など見た目が重要な場合は、元品質SVGまたはPNG/WebPの方が安全です。
単純な形にはベクターモード
Bold lines, logos, icons, and black-and-white silhouettes usually convert cleanly to pure vector SVG. If boundaries are blurry or there are too many colors, test with lower color count and detail values first.
ファイルサイズと鮮明さのバランス
Higher color count and detail values can make SVGs more detailed, but also increase file size. For web uploads, zoom in, check the result, and raise values only as much as needed.
大きなファイルが重い場合
ブラウザのメモリ上限を超える大きな画像は、プレビューや変換が遅くなることがあります。SVG変換を試す前に画像をリサイズするか、JPG品質を下げて保存し直してください。
FAQ
Questions about DrowPack image packages and bitmap-to-SVG conversion.
ビットマップ画像をベクターに変換できますか？
はい。形式は2つあります。元品質SVGは現在のcanvasを高解像度画像として埋め込んで見た目を保ち、純粋なベクターSVGはロゴ、線画、シルエット、単純なカラー作品を編集可能なパスへトレースします。
Will photos convert cleanly to SVG?
写真や複雑なカラーイラストには元品質SVGをおすすめします。純粋なベクタートレースは非常に大きなファイルになったり、元と違って見えることがあるため、編集可能なパスが必要な場合だけ使ってください。
Illustratorの画像トレースと同じくらい完全ですか？
純粋なベクター変換は、アップロード用SVGを手早く作るブラウザベースの機能です。専門編集ソフトの全機能を置き換えるものではありません。見た目が重要な細かなイラストには元品質SVG、PNG、WebPを使ってください。
元品質SVGは完全に編集可能なベクター作品ですか？
いいえ。元品質SVGは高解像度PNG画像をSVG内に埋め込み、ブラウザやビューアで元の見た目に近く表示します。色面や線を別々に編集したい場合は純粋なベクターSVGを選んでください。
元品質SVGを拡大するとピクセルが見えますか？
元品質SVGは最大10倍の高解像度PNGを埋め込めるため、拡大時のピクセル感を抑えられます。ただし純粋なベクターファイルではないため、非常に大きく拡大するとラスターの性質が見える場合があります。
Why do white edges look noisy in pure vector SVG?
白背景と内部ハイライトが混在するイラストでは、カラートレース中に白い縁ノイズが出ることがあります。また、ブラウザのアンチエイリアスにより色パスの境目に細い白い隙間が見えることもあります。高品質イラストモードと色の隙間補正を使うと、内部の白いディテールを保ちながら隙間を減らせます。
Can AI and PDF files be opened directly?
PDF files and Illustrator AI files saved with PDF compatibility can render their first page to the canvas. AI files without PDF-compatible data and original PSD files cannot be opened directly in the browser, so export them as PNG, JPG, or WebP previews first.
アップロードしたファイルはサーバーへ送信されますか？
No. DrowPack is a static website. Image processing, ZIP generation, and SVG conversion run in the browser. It does not use a separate server conversion API, database, or login feature.
画像サイズの制限はありますか？
DrowPackはアップロード画像を自動縮小せず、元のピクセルサイズでプレビューcanvasに描画します。ブラウザや端末のメモリ上限を超える画像は処理に失敗することがあるため、必要に応じてサイズを下げて再試行してください。
リサイズ品質はどのように決まりますか？
大きな画像を縮小する際、DrowPackは一度で縮めるのではなく高品質な段階的リサンプリングを使います。縦横比オプションとJPG品質スライダーで、アップロードサイズと画質のバランスを調整してください。
広告は画像ファイルや作業内容を見ることができますか？
No. Even if ad services are added, the image file selected in DrowPack and the canvas result are processed inside the browser. Ad providers may use general web technologies such as cookies during site use and ad delivery, but DrowPack does not upload the selected original image file to its server.
出力ファイルの権利は誰にありますか？
The rights to the uploaded original image and the files generated by DrowPack belong to the user. DrowPack does not store files on a server, and users should upload only images they own or are authorized to use.
プライバシーとファイル処理について
DrowPack is a static web tool that processes image files inside the browser. The following explains file handling, advertising, cookies, and contact methods.
ファイルの処理方法
DrowPack is a browser-based tool that works without sign-up, login, server upload, or database storage. The image file selected by the user is rendered to canvas in the current browser, and output files are generated in the browser.
- ユーザー画像はサーバーへアップロードまたは保存されません。
- Image package generation and SVG conversion are processed only in the browser.
- Uploaded originals and generated output files remain on the user's device and browser environment. DrowPack does not keep copies on a separate server.
- ブラウザのメモリ上限を超える非常に大きなファイルは処理に失敗することがあります。その場合はファイルサイズを下げて再試行してください。
広告とCookie
DrowPack may use advertising services such as Google AdSense to operate the site. Third-party ad providers, including Google, may use cookies or similar technologies to serve ads based on previous visits to this or other sites.
- Google may use advertising cookies to show personalized ads based on visits to this site and other sites.
- ユーザーはパーソナライズ広告を次の場所で管理またはオプトアウトできます: Google Ad Settings.
- Cookie use by third-party ad providers can be managed through external choice tools such as YourAdChoices.
- In regions where consent is required, such as the EEA, the UK, and Switzerland, an ad cookie consent flow may be shown according to Google consent management requirements.
収集しない情報
- DrowPack does not request user accounts, passwords, payment information, addresses, or phone numbers.
- Original image files, SVG outputs, and ZIP outputs are not sent to a server or stored in a database.
- If a user sends an inquiry email, the email address and message content may be used to reply.
著作権とユーザーの責任
Users should use images they created, images they are authorized to use, or images without rights issues. DrowPack does not store uploaded files on a server, but users are responsible for where they publish or distribute generated output files.
連絡先
プライバシー、ファイル処理、広告、サイト利用に関する質問は次までご連絡ください: bagminjun341@gmail.com.