iOS用Apple Touch Iconとマルチ解像度ファビコンを作成

標準的なデスクトップブラウザ向けファビコンとともに、iOSホーム画面のブックマーク用高解像度Apple Touchアイコンを作成します。デスクトップとモバイルデバイス全体でブランドの外観を統一できます。

Drop a logo or icon image here
Tap to choose a file
またはクリックして選択 ·PNG SVG JPG · does not need to be square
ショートカットPNG → ICOSVG → ICO
iOS用Apple Touch Iconとマルチ解像度ファビコンを作成


手順

  1. 1

    ブランドロゴをドロップ

    ベクターSVGまたは高解像度ラスター画像をインポートします。

  2. 2

    エッジのスタイル & 余白

    角丸または円形を選択し、背景色を設定します。

  3. 3

    アイコンスイートをダウンロード

    すべてのアイコンとコードスニペットが含まれた完全なZIPパッケージを入手します。

iOSホーム画面向けに最適化

カスタムの角丸(正方形、角丸、円形)と背景スタイルを適用した、標準の180x180ピクセルのapple-touch-icon.pngファイルを生成します。

マルチサイズ埋め込みファビコン

従来および最新のデスクトップタブに対応する16px、32px、48pxのアセットを含む、汎用のfavicon.icoを同時に出力します。

利用シーン別ガイド

ファビコンジェネレーター →

よくあるご質問

サーバー上のどこにapple-touch-icon.pngをアップロードすればよいですか?

ウェブサーバーのルートディレクトリにアップロードするか、同梱されている `` タグを使って参照してください。

独自のロゴがリモートサーバーにアップロードされることはありますか?

いいえ、アイコンのリサイズとZIPパッケージ化はすべてローカルのブラウザ内でのみ処理されます。