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