.Convertor
メニュー

Webサイトアイコンを生成

ビジュアルエディターを使用して画像の切り抜き、拡大縮小を行えます。

ローカル処理 · ファイルはアップロードされません

ファイルは現在のブラウザー内で処理され、自動アップロードされません。処理部品の初回読み込みには通信が必要な場合があります。

クリックして画像ファイルを選択、またはここにドラッグ&ドロップ

PNG、JPG、WEBP、SVG対応、ローカル処理で完結、アップロード不要

ファビコンの生成: 使用と出力

ファビコンは、ブラウザーのタブやブックマークで Web サイトを識別します。トリミング、角丸、プレビューを使用して、画像から複数のアイコン サイズを生成します。

ダウンスケーリングまたは SVG トレースでは詳細が失われる可能性があります。アイコンを生成しても、Web サイトが自動的に構成されたり、元の SVG の完全な構造が保存されることは保証されません。

機能の説明

複数のアイコン サイズとパッケージ化された出力

ICO、PNG、SVG 出力は、さまざまなブラウザーやデバイスに適しています。小さいサイズのプレビューを確認し、Web サイト上で必要なアイコン ファイルを構成します。

ビットマップソースとSVGトレース

ビットマップから SVG を生成するには、アウトラインをトレースする必要があるため、複雑な写真や詳細が変更される可能性があります。アイコンは、輪郭が明確で詳細が限定されている場合に最適に機能します。

使用手順

  1. 画像を選択

    「画像ファイルを選択」ボタンをクリックするか、お手持ちの画像（PNG、JPG、SVGなど）を直接アップロード領域にドラッグ＆ドロップしてください。

  2. 編集・調整

    ビジュアルエディターを使用して画像の切り抜き、拡大縮小を行えます。

  3. 生成とダウンロード

    「プレビュー生成」をクリックして各サイズの効果を確認後、「.zipでダウンロード」をクリックすると、`.ico`、`.png`などのファイルを含む完全なアイコンパッケージを取得できます。

よくある質問

Faviconを生成するにはどのようなファイルが必要ですか？

完全なFaviconパッケージには通常、様々なサイズの.pngファイル（例：16x16、32x32、192x192など）、旧バージョンブラウザとの互換性のための`favicon.ico`ファイル、および`apple-touch-icon.png`が含まれます。当ツールでは、これらすべてのファイルを生成いたします。

SVG 出力は常に PNG よりも鮮明ですか?

必ずしもそうとは限りません。ビットマップのトレースは細部を変えることがあり、複雑な素材はアイコンに適さない場合もあります。SVGとPNGの実際の小サイズプレビューを比較して、出力形式を選んでください。

小さなアイコンが不鮮明に見えるのはなぜですか?

細かい文字、複雑な模様や多すぎる色は縮小すると見分けにくくなります、素材を簡素化し、トリミングを調整して各サイズをプレビューし、単に元画像の解像度を上げる代わりに行います。

関連記事