03
KEEP
Manifest + Apple touch icons
maskable Androidアイコンとapple-touch-icon-180.pngを含むmanifest.webmanifestを生成します。/publicフォルダにドロップしてください。
RealFaviconGenerator uploads your logo to a server, walks you through a six-step wizard, and emails you a ZIP — sometimes after a delay. Favicon.io does the same in fewer steps but still wants a server round-trip. Adobe Express needs a Creative Cloud account and pitches a $9.99/month upgrade for the same canvas resize. Canva pushes Pro before it'll even export the right sizes. Morph runs the resize loop via Canvas API and writes a real multi-resolution favicon.ico with a pure-JS ICO encoder — directly in your browser tab. Drop a square logo, get the full bundle: 16/32/48 favicon.ico, 180×180 apple-touch, 192×192 and 512×512 Android Chrome, plus the HTML <link> snippet for your <head>. No upload, no email, no account. Free for everything that runs on your device; AI is paid in credits.
PNG、SVG、またはJPEGをインポート。Morphは、ブラウザやOSランチャーが実際に要求するサイズでラスタライズします。
True multi-resolution ICOファイルで、16/32/48 PNGペイロードを備えています — Windowsや古いブラウザで依然として必要とされるフォーマットです。
maskable Androidアイコンとapple-touch-icon-180.pngを含むmanifest.webmanifestを生成します。/publicフォルダにドロップしてください。
Single ZIP with every size, manifest, and the HTML tags pre-written. Paste into
, ship.正方形のSVG（理想です — ベクター形式のソースは16×16がクリアに保たれます）、PNG、またはJPGをドロップします。Artboardはローカルで寸法を読み取り、エクスポート前に非正方形の入力を警告します。
16、32、48、64、96、144、180 apple-touch、192、512 Android Chrome。キャンバスのリサイズはバイキュービック品質のスムージングを使用します。SVGソースはラスターリングスムージングをスキップします。
リアルなマルチリゾリューション favicon.ico（16/32/48 1ファイル）、Android Chrome PWA 用の site.webmanifest、および <head> に貼り付ける <link> スニペット。推測とチェックの回数を省略します。
RealFaviconGeneratorは、ロゴをアップロードしてから1つのサイズをプレビューできる6ステップのウィザードで1位を獲得しています。ZIPファイルはメールで送信され、時々数分後に届きます。Favicon.ioはステップ数が少ないですが、依然としてサーバー経由で処理されます。Adobe ExpressはCreative Cloudアカウントが必要で、同じキャンバスのリサイズをブラウザがすでにサポートしているにもかかわらず、月額9.99ドルのアップグレードを提案しています。Canvaはエクスポート前にオンボーディングとプロプランの課金を強制します。Genfavicon、Favicon-Generator.org、および他の6つの同類は、結果ページにインテルシティアル広告を埋め込んでいます。macOS PreviewはICOを生成できません。パターンは繰り返されます：サーバーへのアップロードがビジネスモデル、複数ステップのウィザードがアップセルの手段、ロゴが通行料として扱われます。Morphは、コーヒー1杯の価格で年間利用できる、すべてのツールのローカルオンリー、アップロードなしのバージョンです。そして、単一の32×32を.icoにリネームしたのではなく、本物のマルチリゾリューションICOを提供します。
レガシーフォーマットが必要な場合 — Windows 8のbrowserconfig.xmlタイル、Safariのピン留めタブにマスクされたSVG（カスタムカラー付き）、またはiOS 6の8つのプレコンポーズサイズ — 専用のアップロードジェネレータにはより長いチェックリストがあります。モダンなウェブ（2018年以降にリリースされたすべてのブラウザ）および99％のサイトで必要なiOS/Androidのホーム画面アイコンについては、Morphは2秒でローカルで対応します。
両方ともロゴをサーバーにアップロードし、マルチステップウィザードを経て、サーバー処理後にメールまたはZIPファイルをダウンロードします。Adobe Expressはアカウントが必要で、CanvaはProを推奨しています。Morphは、Canvasと純粋なJSのICOライターを直接ブラウザ内で使用してリサイズおよびICOエンコードを実行します — アップロードなし、メールなし、アカウントなし。
フルモダンセット：16×16および32×32（ブラウザタブ）、48×48（Windowsサイトショートカット）、180×180（iOSホーム画面用apple-touch-icon）、192×192および512×512（Android Chrome PWA + マニフェスト）、さらに1つのファイルに16/32/48を含むマルチリゾリューションのfavicon.ico。オプション：64×64、96×96、144×144、256×256。
はい。バンドルには、<head>に直接貼り付けるスニペットが含まれています：SVG/PNG用のrel="icon"、iOS用のrel="apple-touch-icon"、Android Chrome用のmanifest.json参照。推測とチェックのラウンドをスキップできます。
Square SVGは理想的です——ベクター源なので、16×16の画像はラスタリングのアーティファクトなしに鮮明に保たれます。Square PNGは512×512またはそれ以上のサイズでも動作します。非正方形の入力は自動で正方形にパディングされ、アスペクト比のずれはエクスポート前に警告されます。鋭いエッジを持つロゴにはJPGを避けてください（JPGの量子化が16×16をぼかします）。
はい — iOSのSafariはCanvasのリサイズとICOエンコードを完全にサポートしています。ロゴをドロップし、Filesにバンドルを保存します。生成はスマートフォン上でローカルで実行され、サーバーにアクセスすることはありません。
元のファイルはそのままです。ファビコンバンドルは新規ZIPです。元のファイルはドロップした場所にそのままあります。Morphはソースファイルを一切変更しません。