使い方
ファビコンメーカーの使い方を説明します。
基本的な使い方
-
ツールを選択
左側のツールパネルから、使用したい描画ツールを選択します。
- ✏️ ペン: 自由に線を描画
- 🧹 消しゴム: 選択したオブジェクトを削除
- 👆 選択・移動: オブジェクトを選択・移動
- 📏 直線: 直線を描画
- ⬜ 四角形: 四角形を描画
- ⭕ 円: 円を描画
- 🔺 三角形: 三角形を描画
- ⭐ 星形: 星形を描画
- ➡️ 矢印: 矢印を描画
- 🔤 文字: テキストを追加
-
色とサイズを設定
線の太さ、線の色、塗りつぶし色を設定できます。
-
描画
Canvas上でマウスをドラッグして描画します。図形ツールの場合は、開始点から終了点までドラッグします。
-
オブジェクトの編集
選択ツールでオブジェクトをクリックすると選択できます。選択後は、色やサイズを変更したり、移動・削除ができます。
-
出力サイズを選択
右側のプレビューエリアで、出力したいサイズにチェックを入れます。
-
ダウンロード
「PNG形式でダウンロード」または「favicon.ico形式でダウンロード」ボタンをクリックして、ZIPファイルをダウンロードします。
各ツールの詳細
✏️ ペンツール
マウスをドラッグして自由に線を描画できます。クリックだけでも点が描画されます。描画した線はオブジェクトとして扱われ、後から選択・移動・削除が可能です。
🧹 消しゴムツール
選択中のオブジェクトを削除します。オブジェクトが選択されていない場合は、クリックしたオブジェクトを削除します。
👆 選択・移動ツール
オブジェクトをクリックして選択できます。選択後は、ドラッグして移動できます。選択中のオブジェクトは、色やサイズを変更できます。
📏 直線ツール
開始点から終了点までドラッグして直線を描画します。
⬜ 四角形ツール
開始点から終了点までドラッグして四角形を描画します。塗りつぶし色を設定できます。
⭕ 円ツール
開始点から終了点までドラッグして円を描画します。塗りつぶし色を設定できます。
🔺 三角形ツール
開始点から終了点までドラッグして三角形を描画します。起点より上に移動すると逆三角形になります。塗りつぶし色を設定できます。
⭐ 星形ツール
開始点から終了点までドラッグして星形を描画します。塗りつぶし色を設定できます。
➡️ 矢印ツール
開始点から終了点までドラッグして矢印を描画します。方向に応じて自動的に矢印の向きが調整されます。塗りつぶし色を設定できます。
🔤 文字ツール
Canvas上をクリックすると、テキスト入力欄に入力したテキストが追加されます。フォントサイズも調整できます。
便利な機能
- 元に戻す / やり直す: 操作を元に戻したり、やり直したりできます
- クリア: Canvas上のすべてをクリアします
- 背景透過: 背景を透明に設定できます
- リアルタイムプレビュー: 右側に選択したサイズのプレビューが表示されます
キーボードショートカット
- Delete / Backspace: 選択中のオブジェクトを削除
- Escape: 選択を解除
よくある質問
Q: 作成したファビコンは保存されますか？
A: いいえ、すべての処理はブラウザ上で完結します。 作成したファビコンはサーバーに保存されません。 ダウンロードしたファイルを保存してください。
Q: 複数のサイズを一度にダウンロードできますか？
A: はい、複数のサイズにチェックを入れてダウンロードすると、 すべてのサイズがZIPファイルにまとめられてダウンロードされます。
Q: 作成したオブジェクトを後から編集できますか？
A: はい、選択ツールでオブジェクトをクリックして選択すると、 色やサイズを変更できます。また、ドラッグして移動することもできます。