⭐ Favicon Generator

Convert any image to a complete favicon set — ICO, PNG (16×16 to 512×512), Apple Touch Icon, and manifest.json. Free online favicon generator — no signup required.

Drop image here or click to upload
PNG, JPG, SVG, WebP supported

How to Use

1

Upload your image

Drag and drop any image onto the upload area, or click to browse your files. Square images work best.

2

Preview all sizes

Instantly see your image at all 8 standard favicon sizes: 16, 32, 48, 64, 128, 180, 192, and 512 pixels.

3

Download your favicons

Click any size card to download that size as a PNG, or use "Download All Sizes" to get them all at once.

Frequently Asked Questions

What is a favicon? +
A favicon is the small icon shown in browser tabs, bookmarks, and search results next to your website's name. It's typically 16×16 or 32×32 pixels and helps users identify your site quickly among many open tabs.
What image formats can I upload? +
You can upload PNG, JPG, JPEG, GIF, WebP, or SVG files. For best results, use a square image (equal width and height) with a transparent background saved as PNG.
Which favicon sizes should I generate? +
The standard set includes: 16×16 and 32×32 (browser tabs), 48×48 (Windows taskbar), 180×180 (Apple Touch Icon for iOS), 192×192 and 512×512 (Android/PWA). Including all sizes ensures your favicon looks good on every device.
How do I use the generated favicons on my website? +
Add these link tags to your HTML <head>: <link rel="icon" sizes="32x32" href="/favicon-32.png">, <link rel="apple-touch-icon" href="/favicon-180.png">. Place the files in your website root for best browser compatibility.
Is my image sent to a server? +
No. All resizing happens in your browser using the HTML5 Canvas API. Your original image never leaves your device and is never uploaded to any server.


Tam Rehber: Favicon Üreticisi

Favicon, tarayıcı sekmelerinde, yer imlerinde ve PWA başlatıcılarında görünen küçük simgedir. Tek bir 16×16 piksel görüntüden, tarayıcılar, cihazlar ve bağlamlar arasında gereken karmaşık bir boyut ve format matrisine dönüşmüştür.

2026'da İhtiyaç Duyduğunuz Favicon Boyutları

SVG Favicon: Modern Yaklaşım

Modern tarayıcılar çözünürlükten bağımsız SVG favicon'ları destekler ve koyu mod için medya sorguları içerebilirler:

<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon.ico" type="image/x-icon"> <!-- geri dönüş -->

Maskeable Simgeler ve Güvenli Bölge

Android uyarlamalı simgeleri farklı şekillere (daire, yuvarlatılmış kare) kırpılabilir. Maskeable simge, tüm önemli görsel içeriği merkezdeki %80 güvenli bölge içinde tutmalıdır. Dış %20'lik dolgu kırpılabilir.

manifest.json Simge Dizisi

{
  "name": "Uygulamam",
  "icons": [
    { "src": "/icons/icon-192.png", "sizes": "192x192", "type": "image/png" },
    { "src": "/icons/icon-512.png", "sizes": "512x512", "type": "image/png" },
    { "src": "/icons/maskable-512.png", "sizes": "512x512",
      "type": "image/png", "purpose": "maskable" }
  ]
}

Neden 16×16'ya Manuel Ölçekleme Yapmamalısınız

Yüksek çözünürlüklü bir logoyu 16×16'ya manuel olarak ölçeklendirmek neredeyse her zaman bulanık bir sonuç üretir. Bu boyutta, tam logoyu değil, markanın basitleştirilmiş, yüksek kontrastlı bir sembol versiyonunu yeniden tasarlamanız gerekir.

Favicon oluşturduktan sonra PNG dosyalarını Image Compressor ile sıkıştırın. Belirli boyutlar için SVG kaynak dosyalarını dönüştürmek üzere SVG to PNG aracımızı kullanın.

🧰 50+ Tools