SEO
Favicon Generator
Bir görsel yükleyin ve <head> için hazır HTML koduyla birlikte eksiksiz bir favicon seti (16–512px, .ico, web manifestosu) alın.
Arşiv tüm PNG dosyalarını, favicon.ico ve site.webmanifest'i içerir.
Modern browsers and operating systems no longer expect just one favicon.ico — they need a whole set of icon sizes for the browser tab, bookmarks, the iOS/Android home screen, and a PWA web manifest. This tool generates that entire set from a single uploaded image.
How to use it
- Upload a source image (ideally square, at least 512×512px) and the tool generates the full size range (16-512px) in ICO and PNG formats.
- Download an archive containing every favicon file and the site.webmanifest.
- Copy the finished block of <link> tags and paste it into the site's <head>.
Common uses
- Setting up a full favicon set for a new site without manually creating every size by hand.
- Upgrading an outdated icon setup (just a favicon.ico) to the modern standard with PWA and Android maskable icon support.
- Quickly checking how a logo looks shrunk down to 16×16px — fine details often blur together at that size.
Things to keep in mind
At small sizes (16-32px), fine logo details become illegible — a simplified mark works better as a favicon than a full logo with text.
Android maskable icons need a safe zone padded around the main artwork, or important content can get cropped off when a shape mask is applied.
Bu araç hakkında makale: Favicon: tek bir simge neden bu kadar çok boyut ve formata ihtiyaç duyar
Sıkça sorulan sorular
Neden bu kadar çok farklı favicon boyutuna ihtiyacım var?
Farklı platformlar farklı boyutlar ister — tarayıcı sekmeleri genellikle 16x16 veya 32x32 kullanır, iOS ana ekran simgeleri 180x180 gerektirir ve Android 512x512'ye kadar çeşitli boyutlar kullanır — tam seti oluşturmak simgenizin her yerde net görünmesini sağlar.
.ico ve .png favicon'lar arasındaki fark nedir?
.ico formatı birden fazla çözünürlüğü tek bir dosyada birleştirebilir ve en geniş eski tarayıcı desteğine sahiptir; modern tarayıcılar ise link etiketlerinde doğrudan referans verilen düz .png dosyalarını da kabul eder — günümüzde çoğu site uyumluluk için ikisini de kullanır.
Yüklediğim görsel favicon'ları oluşturmak için bir sunucuya gönderiliyor mu?
Hayır. Tüm yeniden boyutlandırma ve format dönüştürme tamamen tarayıcınızda gerçekleşir — görsel hiçbir yere yüklenmez.
Favicon olarak SVG kullanılabilir mi?
Evet — Chromium tabanlı modern tarayıcılar ve Firefox <link rel="icon" type="image/svg+xml">'ı destekler ve böyle bir favicon herhangi bir ekran yoğunluğunda net kalır, hatta dosyanın kendisi içindeki prefers-color-scheme aracılığıyla koyu moda bile tepki verebilir.
Android için maskable simge nedir?
Ana grafiğin etrafında güvenli bir alana sahip, Android'in cihaz temasına göre herhangi bir şekle (daire, yuvarlatılmış köşeli kare vb.) kırpabildiği, önemli simge içeriğini kesmeden herhangi bir şekle dönüştürülebilen bir simgedir.