Faviconジェネレーター
日本語
More tools on Utills → Utills →
apple-touch-icon

Apple Touch Icon Generator

Create the apple-touch-icon (180×180) iOS uses for home-screen shortcuts — plus a full favicon set and the link tag — in your browser.

apple-touch-icon 180+ favicon set100% freeNo sign-up

Faviconを作成する画像をドロップ

ドラッグ＆ドロップ、貼り付け、またはファイルを選択

PNG · JPG · WebP · SVG — アイコンはお使いのデバイスで生成

By Utills.in 更新日 June 2026

The icon iOS shows on the home screen

When someone adds your site to their iPhone or iPad home screen, iOS looks for an apple-touch-icon — a 180×180 PNG referenced with a specific link tag. This tool generates it from your image, along with the rest of a modern favicon set so every device is covered.

Because iOS does not use transparency for these icons, you can set a solid background and a touch of padding so your logo fills the rounded tile nicely. The matching HTML line is included so you can paste and go.

How to make an apple-touch-icon

  1. Add your image — a square logo at high resolution gives the cleanest result.
  2. Set a background — pick a solid color, since iOS icons aren't transparent.
  3. Adjust padding — leave a small margin so the mark isn't cut by the rounded mask.
  4. Download & paste — copy apple-touch-icon.png to your root and add the provided link tag.

Tip: 180×180 covers modern iOS

A single 180×180 apple-touch-icon is enough for current iPhones and iPads; older devices downscale it. The generated HTML includes the correct rel="apple-touch-icon" line.

apple-touch-icon: sizes and where each is used

誰かがあなたのサイトを iPhone や iPad のホーム画面に追加すると、iOS Safari は特定の link タグで参照される apple-touch-icon を探します。1 つのサイズで現代の iOS をカバーできます。

Size File Where it's used
180 × 180 px apple-touch-icon.png 現行の iPhone と iPad でのホーム画面とブックマークのアイコン。iOS はこの 1 つのファイルを小さなコンテキスト向けに縮小します。

Format & container

PNG として保存し、完全に不透明に保ってください。iOS はホーム画面アイコンの透過を無視し、アルファを黒として描画するため、不透明な背景と角丸マスク内の少しの余白を設定してください。

How it's wired into your page

                <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

Tip

今日では 180 × 180 のアイコン 1 つで十分です（古いデバイスはそれを縮小します）。サイトがかつて同梱していた、レガシーな apple-touch-icon-precomposed サイズの長いリストは不要です。

すべてのFavicon・アイコンツール

Faviconジェネレーター 必要なアイコン作業に直接アクセスできます。 Favicon Generator Favicon generator PNG to ICO PNG → ICO converter ICO Converter ICO converter App Icon Generator App icon generator Android App Icon Generator Android app icons

よくある質問

What size is the apple-touch-icon?

180×180 px. That single size covers modern iOS devices, which downscale it as needed for smaller contexts.

Does it need a transparent background?

No — iOS ignores transparency for home-screen icons and adds its own rounded mask, so a solid background is recommended.

Where is the icon created?

In your browser, on your own device. How any data associated with the tool is handled is described in our privacy policy.

What HTML do I add?

A <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> tag in your page head — it's included in the snippet you can copy here.

他の画像ツール

Image tool

Convert image format

PNG, JPG and WebP — convert any to any.

 Image tool

Resize an image

Change dimensions to exact pixels or presets.

 Image tool

Crop an image

Crop to any ratio or an exact pixel size.

 Image tool

Compress an image

Shrink file size without visible quality loss.

 Image tool

Convert HEIC to JPG

Turn iPhone HEIC photos into universal JPG.