favicon.ico gerçek bir çok çözünürlüklü simge mi?

Evet. Araç, 16, 32 ve 48 px PNG'leri tarayıcınızda bayt bayt yazılan tek bir favicon.ico kabına paketler; böylece tek bir .ico dosyası tarayıcı sekmelerine ve yer imlerine üç çözünürlüğü de sunar.

ZIP paketinde hangi dosyalar var?

ZIP; favicon.ico, PNG simgeler (geleneksel adlarla 16, 32, 48, 180, 192 ve 512 px) ve site.webmanifest içerir. Bunları sayfanıza bağlamak için verilen HTML parçacığını yapıştırın.

Şekil ve kenar boşluğu seçenekleri ne işe yarar?

Kare, sade bir kare simge tutar; yuvarlatılmış köşeleri keser; maskable ise güvenli bölge kenar boşluğu ekler ve manifest simgelerini Android için maskable olarak işaretler. Kenar boşluğu her karenin içindeki görseli küçültür, arka plan dolgusu ise arkasını boyar.

Hangi görsel biçimlerini yükleyebilirim?

Tek bir PNG veya JPG görseli bırakabilir ya da gözatarak seçebilirsiniz. Araç bu tek kaynak görseli okur ve ondan her çıktı boyutunu, favicon.ico'yu ve manifest'i oluşturur.

Görselim bir sunucuya yüklenir mi?

Hayır. Her şey Canvas API kullanılarak tarayıcınızda yerel olarak çalışır — PNG simgeler, favicon.ico kabı ve ZIP'in tümü cihazınızda oluşturulur, bu yüzden görseliniz asla yüklenmez.

Favicon Oluşturucu

Tarayıcınızda eksiksiz bir favicon paketi oluşturun: gerçek çok çözünürlüklü favicon.ico, 16 ila 512 px PNG'ler, site.webmanifest ve HTML parçacığı.

Araç yükleniyor…

Favicon Oluşturucu — Tek bir PNG veya JPG görseli bırakın ve anında eksiksiz bir favicon paketi oluşturun: gerçek çok çözünürlüklü bir favicon.ico (16/32/48), 16 ila 512 px kare PNG simgeler, bir site.webmanifest ve yapıştırmaya hazır bir HTML head parçacığı. Kare, yuvarlatılmış veya maskable bir şekil seçin, arka plan dolgusu ve kenar boşluğu ekleyin, ardından herhangi bir tek boyutu, .ico dosyasını veya tüm paketi ZIP olarak indirin. Her şey tarayıcınızda yerel olarak çalışır — görseliniz asla yüklenmez.

Favicon Oluşturucu nedir?

Favicon Generator, bir PNG veya JPG görselini eksiksiz ve yayına hazır bir favicon paketine dönüştüren, ücretsiz ve tarayıcı tabanlı bir favicon oluşturucudur. Yazılım kurmadan veya kaydolmadan HTML, WordPress, PWA'lar ya da Apple touch simgeleri için hızlıca favicon'a ihtiyaç duyan geliştiriciler, web tasarımcıları ve site sahipleri için yapılmıştır. Gerçek çok çözünürlüklü bir favicon.ico (16, 32 ve 48 px), 16, 32, 48, 180 (Apple touch) ve 192/512 px (Android/PWA) kare PNG simgeler, bir site.webmanifest ve bir HTML head parçacığını, hepsini yüksek kaliteli canvas ölçeklemesiyle işleyerek bir araya getirir. Bir logoyu veya görseli, modern bir sitenin ihtiyaç duyduğu her favicon dosyasına tamamen kendi cihazınızda dönüştürmek istediğinizde kullanın.

Favicon Oluşturucu nasıl kullanılır

Bir PNG veya JPG görseli bırakma alanına sürükleyin ya da üzerine tıklayarak cihazınızdan bir dosya seçin.
Kare, yuvarlatılmış veya maskable bir şekil seçmek, arka plan dolgu rengini açmak ve kenar boşluğunu ayarlamak için ayarlar dişlisini açın.
Araç her boyutu işlerken, çok çözünürlüklü favicon.ico'yu paketlerken ve site.webmanifest ile HTML parçacığını oluştururken bekleyin.
Yakınlaştırma ışık kutusunu açmak için herhangi bir küçük resme tıklayın ya da HTML <head> parçacığını ve manifest metnini doğrudan panellerinden kopyalayın.
Yalnızca bir PNG kaydetmek için boyut başına düğmeyi, simge paketi için .ico düğmesini ya da her şeyi ZIP olarak almak için Paketi indir'i kullanın.
Geçerli görseli temizlemek ve yenisiyle baştan başlamak için sıfırlama düğmesini kullanın.

Örnekler

Logodan eksiksiz favicon paketine

Bir PNG logo bırakın; favicon.ico, favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png ve site.webmanifest ile birlikte eşleşen <head> parçacığını alın — hepsi favicon-package.zip içinde sıkıştırılır.

Maskable Android simgesi

Şekli maskable olarak değiştirin ve beyaz bir arka plan açın: araç güvenli bölge kenar boşluğu ekler ve manifest simgesinin purpose değerini "maskable" yapar; böylece Android, logonuzu kırpmadan onu daire veya squircle biçiminde kesebilir.

Kenar boşluklu yuvarlatılmış simge

Yuvarlatılmış şekli ve yaklaşık %12 kenar boşluğunu seçerek, görselin çevresinde nefes alanı olan yumuşakça kesilmiş köşeler elde edin; modern uygulama simgesi tarzına uygundur.

Sıkça sorulan sorular

favicon.ico gerçek bir çok çözünürlüklü simge mi?: Evet. Araç, 16, 32 ve 48 px PNG'leri tarayıcınızda bayt bayt yazılan tek bir favicon.ico kabına paketler; böylece tek bir .ico dosyası tarayıcı sekmelerine ve yer imlerine üç çözünürlüğü de sunar.
ZIP paketinde hangi dosyalar var?: ZIP; favicon.ico, PNG simgeler (geleneksel adlarla 16, 32, 48, 180, 192 ve 512 px) ve site.webmanifest içerir. Bunları sayfanıza bağlamak için verilen HTML <head> parçacığını yapıştırın.
Şekil ve kenar boşluğu seçenekleri ne işe yarar?: Kare, sade bir kare simge tutar; yuvarlatılmış köşeleri keser; maskable ise güvenli bölge kenar boşluğu ekler ve manifest simgelerini Android için maskable olarak işaretler. Kenar boşluğu her karenin içindeki görseli küçültür, arka plan dolgusu ise arkasını boyar.
Hangi görsel biçimlerini yükleyebilirim?: Tek bir PNG veya JPG görseli bırakabilir ya da gözatarak seçebilirsiniz. Araç bu tek kaynak görseli okur ve ondan her çıktı boyutunu, favicon.ico'yu ve manifest'i oluşturur.
Görselim bir sunucuya yüklenir mi?: Hayır. Her şey Canvas API kullanılarak tarayıcınızda yerel olarak çalışır — PNG simgeler, favicon.ico kabı ve ZIP'in tümü cihazınızda oluşturulur, bu yüzden görseliniz asla yüklenmez.

İlgili araçlar

Görüntü Biçimi Dönüştürücü

Görüntüleri tamamen tarayıcınızda AVIF, WebP, PNG, JPEG, BMP, ICO ve tek kareli GIF arasında dönüştürün.

Excel/CSV'den JSON'a

Bir Excel veya CSV tablosunu doğrudan tarayıcınızda JSON veya CSV'ye dönüştürün.

EXIF Görüntüleyici ve Üst Veri Temizleyici

Bir görselin EXIF üst verisini — kamera, lens, çekim tarihi ve GPS konumu — görüntüleyin, ardından her etiketi temizleyip temiz bir kopya indirin; tamamı tarayıcınızda.

GIF Oluşturucu

PNG veya JPEG görselleri tarayıcıda hareketli bir GIF'te birleştirin — kare başına zamanlama, özel boyut, saydam veya renkli arka plan, dithering ve bumerang.