Tek bir görselden web sitenizin ihtiyaç duyduğu her favicon boyutunu oluşturun
Bir logo veya simge yüklediğinizde araç, klasik 16 x 16 ICO'dan Android ana ekranları için 512 x 512 PNG'ye kadar modern tarayıcıların, işletim sistemlerinin ve PWA bildirimlerinin gerektirdiği tüm boyutlarda faviconlar çıkarır. HTML pasajını içeren, dağıtıma hazır bir paket indirin.
Bu aracı ücretsiz kullanınBrowser tool
Favicon generator
Runs locally in your browser. The selected image is not uploaded by this tool.
JPEG, PNG, and WebP are supported by default. Specialized converters restrict the file picker to their required input format.
Nasıl kullanılır
Resminizi yükleyin
Oluşturucuya bir PNG, SVG, JPEG veya WebP dosyası bırakın. 512 piksel veya daha büyük kare görüntüler en keskin sonuçları üretir.
Kırp ve ayarla
Simge alanını izole etmek için kırpma tutamaçlarını sürükleyin. Simgenin nefes alma alanına ihtiyacı varsa dolgu ekleyin. Arka planı şeffaf veya düz bir renge ayarlayın.
Tüm boyutları önizleyin
Araç, her hedef boyutunu aynı anda işler, böylece simgenin 16 pikselde tanınabilir olduğunu ve 512 pikselde keskin göründüğünü doğrulayabilirsiniz.
Paketi indirin
Tüm favicon dosyalarını ve her simgeye doğru şekilde referans vermek için sitenizin <head> etiketine yapıştırabileceğiniz bir HTML pasajını içeren bir ZIP indirin.
Özellikler
Tam boyut kapsamı
Geleneksel tarayıcılar için 16 x 16, 32 x 32 ve 48 x 48 üretir; iOS için 180 x 180 Apple Touch Simgesi; Android PWA bildirimleri için 192 x 192 ve 512 x 512. Tek geçişte tüm yaygın boyutlar.
ICO ve PNG çıktısı
Pakette çok çözünürlüklü bir .ico dosyası (16, 32 ve 48 piksellik katmanlar içeren) ve her boyut için ayrı PNG dosyaları bulunur. Her iki format da HTML başlık etiketlerinde doğrudan kullanıma hazırdır.
Kırpma ve dolgu düzenleyici
Görüntünüzün simge kısmını izole etmek için kırpma alanını ayarlayın. Simgenin favicon karesinin kenarlarına temas etmesini önlemek için dolgu ekleyin; bu, küçük boyutlarda okunabilirliği artırır.
Arka plan kontrolü
Modern tarayıcılar için şeffaf bir arka plan tutun veya Apple Touch Simgeleri (saydamlığı desteklemeyen) için düz bir dolgu rengi ayarlayın. İndirmeden önce her iki modu da önizleyin.
After this task
After this free tool, open Background Eraser for the next AI editing workflow.
Continue with Background EraserÖzellikler
| Çıktı boyutları (px) | 16, 32, 48, 180, 192, 512 |
| Çıkış formatları | ICO (çok katmanlı), PNG |
| Giriş formatları | PNG, SVG, JPEG, WebP |
| Önerilen giriş | 512 x 512 piksel veya daha büyük, kare |
| Apple Dokunmatik Simgesi | İsteğe bağlı katı arka plan ile 180 x 180 piksel |
| İşleme | İstemci tarafı (yükleme yok) |
Related Magic Eraser Tools
Sık sorulan sorular
Hangi görüntü boyutuyla başlamalıyım?
+
En az 512 x 512 piksel boyutunda kare bir resimle başlayın. Jeneratör bu master'ın ölçeğini küçültür, böylece yüksek çözünürlüklü bir kaynak her küçük boyutun net olmasını sağlar. SVG dosyaları en iyi sonucu verir çünkü kalite kaybı olmadan ölçeklenirler.
Altı boyutun hepsine ihtiyacım var mı?
+
Maksimum uyumluluk için evet. 16 ve 32 piksellik ICO, eski tarayıcıları kapsar; 180 piksellik PNG, iOS Safari yer imleri için gereklidir ve 192/512 piksellik PNG'ler, Android PWA yükleme istemleri ve açılış ekranları için gereklidir.
Web siteme favicon'ları nasıl eklerim?
+
İndirme paketi bir HTML pasajı içerir. Bunu sitenizin <head> bölümüne yapıştırın. Tarayıcılar için ICO dosyasına, Apple ve Android cihazlar için PNG dosyalarına başvurur. Çoğu çerçeve favicon.ico'nun kök dizine yerleştirilmesini de destekler.
Logo küçük bir site simgesi için fazla mı karmaşık?
Çekirdek sembolü tam logonuzdan ayırmak için Background Eraser kullanın, ardından temiz simgeyi favicon oluşturucuya besleyin. Daha basit bir şekil 16 pikselde daha iyi okunur.
Ücretsiz deneyinMore free tools
Explore our other limited free edits after sign-in photo and image tools.
Birden çok renk durağıyla doğrusal, radyal ve konik degradeler tasarlayın. CSS kodunu kopyalayın veya PNG görüntüsü olarak indirin. Kayıt olmanıza gerek yok.
Renkleri HEX, RGB, HSL, HSB, CMYK ve CSS adlı formatlar arasında dönüştürün. Canlı önizlemeyi görün, herhangi bir değeri kopyalayın ve bir renk kartını dışa aktarın. Kayıt olmanıza gerek yok.
HEX renk kodlarını RGB değerlerine (veya tam tersi) dönüştürün. Canlı önizleme, tek tıklamayla kopyalama ve CSS pasajı çıktısı. Kayıt olmanıza gerek yok; tarayıcınızda çalışır.
Yüklenen bir görüntüden herhangi bir rengi seçin ve HEX, RGB ve HSL kodlarını anında alın. Web tasarımı, markalama ve illüstrasyon için fotoğraflardan paletler oluşturun.
Bir fotoğraf yükleyin ve HEX, RGB ve HSL kodlarıyla 5-10 baskın rengi çıkarın. Renk örneklerini kopyalayın, ASE veya CSS değişkenleri olarak dışa aktarın. Kayıt olmanıza gerek yok.
URL'ler, metinler, WiFi kimlik bilgileri ve vCard'lar için QR kodları oluşturun. Renkleri özelleştirin, merkez logosu ekleyin ve PNG veya SVG olarak indirin. Kayıt olmanıza gerek yok.