画像ツール / 18

ファビコンジェネレーター:PNGからファビコンをオンラインで作成

無料のファビコンジェネレーター。画像を標準的なファビコンやアプリアイコン用のPNGサイズに合わせ、透明部分を保ったままブラウザ上で作成できます。

ファビコンジェネレーター:PNGからファビコンをオンラインで作成: TOEAは、元画像の縦横比を保ったまま、透明な正方形キャンバスに16、32、48、180、または512pxで収まるよう拡大・縮小します。 サーバーへのファイルアップロードは一切なく、100%ブラウザ内でローカル実行します。

カテゴリ
画像ツール
実行回数
ブラウザ内で
コスト
無料 · 登録不要
提供状況
すぐに使えます
Favicon作成ツールローカル処理

完全にブラウザ内で実行します

↥
画像を選択

JPG、PNG、WebP、またはGIF · 最大30 MB

サイトに必要なアイコンファイル

ブラウザはタブやブックマークに32 × 32のアイコンを、iPhoneやiPadはホーム画面のショートカットに180 × 180のアイコンを使います。インストール可能なWebアプリはマニフェストに192 × 192と512 × 512のアイコンを記載します。最初の2つはページのheadから、<link rel="icon" href="/favicon-32.png" sizes="32x32">と<link rel="apple-touch-icon" href="/apple-touch-icon.png">でリンクします。

Googleは検索結果にサイトのファビコンを表示し、48ピクセルの倍数の正方形アイコンを求めます。48や96、144ピクセル版へのリンクも用意しておくとよいでしょう。

16ピクセルで見えるデザインに

ファビコンは16 × 16で表示されることが多く、文字や細線、細かなディテールは消えてしまいます。コントラストを強くし、単一の文字や極力単純化したロゴを使いましょう。iOSではホーム画面アイコンの透明部分が黒く表示されるため、180ピクセル版には不透明の背景を付けてください。

マルチサイズの.icoファイルやWebアプリのマニフェストを含む完全な一式にはファビコン変換を、iPhone・iPad・Androidのアプリアイコンにはアプリアイコン作成をお使いください。

使い方

  1. 正方形または長方形の元画像を選択します。
  2. 標準アイコンサイズを選択します。
  3. サイズを合わせたPNGを生成してダウンロードします。

プライバシーと制限事項

アイコンの生成はブラウザ内で行われます。このツールは複数解像度のICOコンテナではなく、PNGファイルを作成します。

関連ツール

よくある質問

どのサイズを使えばよいですか?

32×32は一般的なブラウザ用ファビコンに、180×180はApple touch iconに使用されます。512×512はアプリマニフェストに便利です。

長方形のロゴは引き伸ばされますか?

いいえ。縦横比を変えずに中央へ配置し、収まるようにサイズを調整します。

無料ツール · ブラウザ内で · アカウント不要