KI prägt schon heute, wie Kunden Produkte entdecken und auswählen. Verstehen Sie, warum KI ein Produkt einem anderen vorzieht. Untersuchen Sie, wie KI Ihre Marke in Kaufentscheidungsszenarien bewertet.

AllswapAllswap

Produkt

ÜberblickSichtbarkeitPrompts

Unternehmen

Unser UnternehmenKontaktKarrierePreiseBlogKostenlose Tools
EnglishDeutschFrançais
Loslegen

Favicon generator

A favicon is no longer one file. Browsers, iPhones and Android each look for their own size, and a missing one shows a blank tile or a blurry icon. Upload a logo or type a letter, and download every file with the exact HTML to reference them.

Source

One or two letters, or an emoji.

Tile

Web app manifest

Shown when the site is added to a phone's home screen.

Browser tab

My Website
Other tab

Home screen and sizes

My Website
48
32
16

favicon.ico (16, 32, 48), PNG at 16, 32, 180, 192 and 512, and site.webmanifest.

HTML for the <head>

<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Installing the files

Unzip the package into the root of your site, so that /favicon.ico and the other files are served from the top level. Then paste the HTML into the <head> of every page, or your site template.

Keep favicon.ico at the root even with the HTML in place: some crawlers and email clients request /favicon.ico directly. Search engines also show the favicon next to results, which makes a recognisable mark worth the effort.

Questions

What sizes does a favicon need?

16×16 and 32×32 for browser tabs, 48×48 inside favicon.ico for Windows and search results, 180×180 for the Apple touch icon, and 192×192 and 512×512 for Android and installed web apps.

Why does the Apple touch icon have a solid background?

iOS fills transparent areas with black and applies its own rounded mask. The touch icon is therefore drawn full-bleed on a solid colour, white when the tile is transparent.

Can I make a favicon from a letter or emoji?

Yes. Choose Letter or emoji, type one or two characters, and pick colours, shape and font. The characters are sized to fill the tile at every resolution.

Which image works best as a source?

An SVG logo, or a square PNG at 512 pixels or larger. Simplify detailed logos to a single mark — fine detail disappears at 16 pixels.

Is my logo uploaded?

No. Every file is drawn and packaged in your browser.

More free tools

View all

Image compressor

Compress JPG, PNG and WebP images in the browser, compare before and after, and download them as a ZIP.

Open tool

Image converter

Convert images between PNG, JPG and WebP, and SVG to PNG at up to 4× scale, in batches.

Open tool

Color palette from image

Extract a colour palette from any image, with HEX, RGB and HSL values and CSS or Tailwind export.

Open tool

Bereit, die KI-Suche zu dominieren?

Jetzt loslegen

Allswap