HTML'e Favicon Nasıl Eklenir?

Üç etiket vakaların %99'unu kapsar. İki tane daha size tam bir PWA dereceli kurulum sağlar.

3 dk okuma

Asgari etiket

<link rel="icon" href="/favicon.ico"> — işte bu kadar. Her tarayıcı onu getirecektir.

Modern önerilen set

Her platformda net görüntü oluşturmak için SVG ve apple-touch-icon'i ekleyin:

<link rel = "icon" href = "/favicon.ico">

<link rel = "icon" type = "image/svg+xml" href = "/favicon.svg">

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

PWA yükleme istemleri

192×192 ve 512×512 PNG girişlerine sahip bir manifest.json ekleyin ve ardından <link rel="manifest" href="/site.webmanifest"> bağlantısını ekleyin.

Araçları deneyin

Okumaya devam et

FetchFavicon'i keşfedin

Kategoriler

Dönüştürücüler

Yardımcı programlar

Kılavuzlar

Öğreticiler