Favicon Üretici

LeanImg, Canvas API'sini kullanarak doğrudan tarayıcınızda faviconları oluşturur. Tek bir görüntü yükleyin, arka plan rengi ve boşluk gibi ayarları ayarlayın ve Oluştur'a tıklayın. Görüntünüz tüm standart favicon boyutlarına yeniden boyutlandırılır ve bir ZIP dosyası olarak paketlenir — hiçbir şey herhangi bir sunucuya yüklenmez.

LeanImg, PNG, JPG, WebP, AVIF, GIF ve SVG görüntülerini girdi olarak kabul eder. Birden fazla çözünürlükte favicon.ico dosyası, 16x16 ve 32x32 boyutlarında PNG faviconları, 180x180 boyutunda bir Apple Touch ikonu ve 192x192 ve 512x512 piksel boyutlarında Android Chrome ikonları oluşturur.

LeanImg, her seferinde bir kaynak görüntüden tam bir favicon paketi oluşturur. Her oluşturma, tek bir ZIP indirmesinde gerekli olan tüm boyutları ve formatları üretir. Başka bir paket oluşturmak için yeni bir görüntü yükleyin — kaç tane oluşturduğunuz konusunda bir sınır yoktur.

Modern web siteleri, birden fazla boyutta favicon gerektirir. Temel set, tarayıcı sekmeleri için 16x16 ve 32x32 piksel, Apple Touch ikonları için 180x180 ve Android Chrome için 192x192 ile 512x512'yi içerir. LeanImg, bu boyutların tümünü tek bir kaynak görüntünüzden otomatik olarak oluşturur.

LeanImg, görüntünüzü tamamen tarayıcınızda işler. Dosyalarınız asla cihazınızdan çıkmaz — hiçbir şey herhangi bir sunucuya yüklenmez ve veri saklanmaz. Bu, şirket logoları, marka varlıkları veya özel tutmak istediğiniz herhangi bir görüntüden favicon oluşturmak için güvenli hale getirir.

Hayır. Hesap yok, e-posta kutusu yok ve yükleme adımı yok. Üretici, Canvas API'sini kullanarak tarayıcınızda çalışır, bu nedenle logonuz asla herhangi bir yere gönderilmez ve ZIP dosyanız indirildiği anda sekmeyi kapatabilirsiniz. Hiçbir şey su işareti ile işaretlenmez ve günlük bir sınır yoktur.

Dört, ve bu araç hepsini yazar. Tarayıcı sekmeleri ve yer imleri için 16x16 ve 32x32, iOS ana ekranı için 180x180 ve Android ve web manifesti için 192x192 ile 512x512. 512, insanların unuttuğu boyut: Android bunu splash ekranı için kullanır ve bunun olmaması durumunda uygulama simgeniz daha küçük bir dosyanın bulanık bir büyütmesine geri döner.

Evet, ve şeffaf bir arka plana sahip bir PNG ideal girdi. Şeffaflık, paketteki her PNG'ye ve ICO'ya taşınır. Kaynağınızda şeffaflık yoksa, panelde bir arka plan rengi ayarlayabilir ve sanat eseri kenarlara kadar uzanıyorsa boşluk ekleyebilirsiniz, bu genellikle 16 pikselde görüntülenen bir şey için olmamalıdır.

Her ikisi de, bu yüzden ZIP her ikisini de içeriyor. Modern tarayıcılar, bağlantı etiketlerinizden referans verilen PNG dosyalarını okur ve bunlar size daha net küçük ikonlar sağlar. Sitenizin kökünde bulunan favicon.ico, HTML'nizi asla ayrıştırmayan herhangi bir şey için uyumluluk tabanıdır; bu, besleme okuyucuları, tarayıcılar ve sadece /favicon.ico'yu sorgulayan bağlantı önizleyicilerini içerir. Bizimki, bu tek dosyaya 16, 32 ve 48 piksel versiyonları paketler.

Yedi. favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png ve site.webmanifest, tek bir ZIP olarak teslim edilir. 942 KB'lık bir kaynağın gerçek çalışması sırasıyla 4.6 KB, 521 B, 1.4 KB, 28.4 KB, 31.9 KB, 196 KB ve 371 B üretti. Sayfa ayrıca başlığınıza yapıştırmak için dört bağlantı etiketini yazdırır.

Kök dizine, ardından dört bağlantı etiketini yapıştırın. favicon.ico, yoursite.com/favicon.ico adresinde olmalıdır çünkü bu yol, ona referans verip vermediğinize bakılmaksızın sorgulanır. Diğerleri, href eşleştiği sürece herhangi bir yerde olabilir, ancak kök, ürettiğimiz snippet'ı doğru tutar. Tarayıcılar faviconları sıkı bir şekilde önbelleğe alır, bu yüzden çalışmanızı kontrol etmek için özel bir pencere kullanın.

Hayır, her çalışmada bir görüntü. Bir favicon paketi, tek bir işaretin türevleri setidir, bu nedenle toplu işleme, genellikle aynı dosya adlarında çakışmalara neden olur. Girdi sınırı 10 MB'dir, bu da herhangi bir logonun ihtiyaç duyduğundan çok daha fazladır. Birden fazla markanız varsa, onları sırayla çalıştırın ve her ZIP'i geldiği gibi yeniden adlandırın.