Deutsch 
Español 
Français 
한국어 
Polski 
Português 
Favvy vs Favic-o-Matic
Favic-o-Maticの代替ツール。承認済みのFigmaのロゴからWebサイトのアイコン一式を生成。
Favvyは、Figmaからファビコンを制作するためのFavic-o-Maticの代替ツールです。承認済みのアイコンデザインから、Webサイト用アイコン、Apple touch icon、PWAアセット、実装用ファイルを生成します。
無料でインストールできます。Proの無料トライアル10回付きで、クレジットカードは不要です。
You just saved me hours of time! I think I love you!
Favic-o-MaticとFavvy、どちらを選ぶ？
ワークフローを比較して、次のプロジェクトに合ったツールを選びましょう。
| Favic-o-Matic |  Favvyなら |
|---|---|
| 単体のファビコン生成 Favic-o-Maticは画像からファビコンを生成します。 | Figma用のファビコン・PWAジェネレーター 1つのFigmaアイコンから、Webサイト用アイコン、Apple touch icon、PWAアセット、実装に必要なファイルを含むファビコン一式を生成します。 Favvyのガイドを読む |
| ICOとPNGの出力 このジェネレーターはICOとPNGのファビコンファイルを提供します。 | ファビコンのHTMLコードジェネレーター Webサイト用のファビコンのlinkタグを生成し、そのまま貼り付けられるHTMLをドキュメントのheadにコピーできます。 Favvyのガイドを読む |
| HTMLの出力 Favic-o-Maticは、生成したアイコンをサイトに追加するためのHTMLを提供します。 | ファビコンのサイズプレビュー 16px、32pxなど、実際に使われるサイズでファビコンをプレビューします。エクスポートの前に、ブラウザやショートカットで細部がはっきり見えるかを確認できます。 Favvyのガイドを読む |
10回の無料Proトライアル付き。クレジットカードは不要です。
自分のファイルでFavvyを試すワークフローを選ぶ
作業に合ったツールを選びましょう。
実際の使い方
Favvyでできること。
ワークフローを支える機能を、デモと設定ガイド付きで紹介します。
Figmaのアイコン1つから、ファビコン一式を作成。
1つのFigmaアイコンから、Web用アイコン、Apple touch icon、PWA素材、実装に必要なファイルを含むファビコン一式を生成します。
- Web用ファビコンファイル
- Apple touch icon
- PWA素材とマニフェスト
開発者が必要とするファビコンのHTMLをそのままコピー。
Webサイト用のファビコンのリンクタグを生成し、ドキュメントのheadにそのまま貼り付けられるHTMLをコピーできます。
- 貼り付けるだけのHTML
- ファビコンファイルへの正しい参照
- 開発への受け渡し
エクスポート前に、ファビコンの各サイズをプレビュー。
16px、32pxなど、実際に使われるサイズでファビコンをプレビューできます。エクスポート前に、ブラウザやショートカットで細部がはっきり見えるかを確認しましょう。
- 実寸でのファビコンプレビュー
- 小さなサイズでの読みやすさチェック
- Figmaでマスターアイコンを編集
実際のプロジェクトで試す
ワークフローをFavvyに移行しましょう。
チームのプロセスを変える前に、代表的なファイルで試してみましょう。
Favvy Pro乗り換える前に確認すること。
古いアイコンサイズの一覧をそのまま使うのではなく、現在のWebサイトの要件と照らし合わせてください。対象サイトで小さいファビコン、Apple touch icon、PWAの挙動を確認してください。ファイルを生成したあとも、実装とブラウザでのテストは必要です。
ワークフローガイドを読む- 小さいファビコンとしても、大きいPWAアイコンとしても機能する必要があるロゴから始めます。Figmaで完成したアイコンを選びます。
- 必要なサイズと形式をすべて生成します。
- 一式をまとめて開発に渡します。古いアイコンサイズの一覧をそのまま使うのではなく、現在のWebサイトの要件と照らし合わせてください。
よくある質問
始める前に知っておきたいこと。
Favic-o-MaticではなくFavvyを選ぶべきなのはどんなときですか？
ブランドアイコンをFigmaで管理し、開発にすぐ渡せる一式がほしいデザインチーム。
Favic-o-Maticのほうが向いているのはどんなときですか？
ICO、PNG、HTMLを出力する、独立した画像からファビコンへのジェネレーターを好む人。
乗り換える前に確認すべきことは何ですか？
古いアイコンサイズの一覧をそのまま使うのではなく、現在のWebサイトの要件と照らし合わせてください。対象サイトで小さいファビコン、Apple touch icon、PWAの挙動を確認してください。ファイルを生成したあとも、実装とブラウザでのテストは必要です。
一式を生成すると、Webサイトは自動的に更新されますか？
いいえ。ファイルと付属のマークアップを開発に渡してサイトに追加し、公開した実装でパスとmanifestの参照を確認してください。
アップグレードする前にFavvyを試せますか？
はい。Figma CommunityからFavvyをインストールすると、Proの無料トライアルを10回使えます。クレジットカードは不要です。
PDF見積書 ↗ 
