画像/ベクター Studio 画像

本ツールの特徴

• 本格的なベクター編集: fabric.js を採用。Adobe Illustrator 的な作業をブラウザで実現
• 図形ツール: 矩形・円・三角形・星形・直線・矢印
• テキスト編集: フォント・サイズ・色・太字/イタリック・配置・回転
• 画像配置: ローカル画像をドラッグまたはボタンでアップロード
• フリーハンド描画: ブラシで自由描画 (太さ・色変更可)
• レイヤー管理: 上下移動・複製・削除・選択
• Undo/Redo: 50ステップ履歴
• マルチ出力: PNG / JPG / SVG / JSON (再編集用) を完全ローカル生成

テンプレート (キャンバスサイズ即時切替)

• Instagram 投稿 (1080×1080) / Story (1080×1920)
• Twitter/X 推奨サイズ (1600×900)
• YouTube サムネイル (1280×720)
• Facebook OGP (1200×630)
• 名刺 (91×55mm = 1075×650px at 300dpi)
• A4 縦/横 (印刷用 300dpi 相当)

典型的な用途

• SNSバナー・サムネイル作成 (Twitter/Instagram/YouTube)
• ブログのアイキャッチ画像
• 簡易ロゴ・ファビコン作成
• 名刺・チラシのレイアウト確認
• プレゼン資料用の図解作成
• 会議資料・お知らせ画像の素早い作成

素人〜玄人みんなが使える理由

• 素人: テンプレートを選んでテキスト書き換えるだけでプロ風デザイン
• 中級: 図形・画像配置・フィルタで本格的なバナー作成
• 玄人: SVG出力後 Adobe Illustrator で追加編集、JSON保存で後日継続編集

セキュリティ

• 全処理がブラウザ内で完結。アップロード画像も外部送信なし
• JSON出力でローカルに保存→次回読込みで継続編集