Logomdan favicon'u nasıl yaparım?

Bir PNG, JPEG, WebP veya SVG dosyası bırakın, Şekil, Dolgu ve Uygulama adı gibi seçenekleri ayarlayın, ardından Favicon paketi oluştur (.zip)'e tıklayın. Head'inize yapıştırın altında gösterilen HTML kod parçasını kopyalayın.

Favicon ZIP'inde hangi dosyalar var?

favicon-package.zip; favicon.ico, PNG simgeleri (16, 32, 180, 192 ve 512 piksel), uygulama adınızı içeren site.webmanifest ve bağlantı etiketlerini içeren bir favicon-snippet.html içerir.

Hangi görsel boyutunu ve biçimini yüklemeliyim?

PNG, JPEG, WebP ve SVG kabul edilir, her seferinde tek dosya. En net sonuç için en az 512x512 kare bir görsel kullanın; saydam bir PNG veya SVG en iyi sonucu verir.

Yuvarlak veya yuvarlatılmış favicon'u nasıl elde ederim?

Yükledikten sonra Şekil altında Kare, Yuvarlatılmış veya Daire'yi seçin. Dolguyu yüzde 0 ile 25 arasında ayarlayabilir ve sonucu Tarayıcı sekmesi önizlemesinde görebilirsiniz.

Görselim yükleniyor mu ve oluşturma neden başarısız oluyor?

Simgeler tarayıcının Canvas'ı ile çizilir ve cihazınızda JSZip ile sıkıştırılır. Bu görsel yüklenemedi mesajını görürseniz dosya bozuk olabilir; başka bir görsel veya tarayıcı deneyin.

Gerçekten ücretsiz mi?

Evet. Tüm araçlar ücretsizdir; hesap veya kredi kartı gerekmez. İşlem sunucularımızda değil cihazınızda yapılır ve araçları ücretsiz sunabilmemizi sağlayan da budur.

Dosyalarım yükleniyor mu?

Hayır. Dosyalarınız tarayıcınızın içinde açılır ve işlenir, LibraTool'a gönderilmez. Bazı araçlar önce tarayıcınıza bir işleme motoru ya da yapay zekâ modeli indirir; bu indirme sizin hiçbir verinizi içermez.

Mobilde çalışır mı?

Evet. iOS ve Android'in güncel mobil tarayıcılarında, hiçbir şey kurmadan çalışır. Çok büyük dosyalar telefonda yavaş olabilir ya da belleği doldurabilir; bunlar için bilgisayar kullanın.

🌟

Ücretsiz Favicon Oluşturucu

Herhangi bir görüntüyü eksiksiz bir favicon paketine dönüştürün: çok boyutlu favicon.ico, Apple dokunma simgesi, Android/PWA simgeleri, web manifestosu ve yapıştırmaya hazır HTML kod parçacığı — hepsi sıkıştırılmış, tarayıcınızda.

Dosya boyutu cihazınıza bağlıDosyalar gizli kalırGiriş gerekmezSonsuza kadar ücretsiz

Dosyayı buraya bırakın ya da göz atmak için tıklayın

PNG, JPG, WebP, SVG, HEIC, HEIF · cihazınızda işlenir

veya panodan yapıştırmak için Ctrl+V'ye basın

Dosyalara göz at

Dosyalarınız hiçbir zaman cihazınızı terk etmez. Tüm işlemler tarayıcınızda yerel olarak gerçekleşir.

💡 En iyi sonuç için en az 512×512 boyutunda kare bir görsel yükleyin. Şeffaf PNG veya SVG en iyi sonucu verir.

Yaygın kullanımlar

Web Sitesi İkonu OluşturunHer tarayıcı ve cihazın beklediği eksiksiz favicon setini oluşturun.
PWA ve Manifest İkonları OluşturunPWA'nın ihtiyaç duyduğu 192px ve 512px ikonları ve web manifestini alın.
Apple Touch İkonu OluşturunBir site ana ekrana kaydedildiğinde iOS'un kullandığı 180×180 ikonu oluşturun.
Logoyu Favicona DönüştürünMarka logonuzu temiz, tanınabilir bir favicona dönüştürün.
Herhangi bir Framework için Favicon OluşturunReact, Next.js, WordPress ve daha fazlası için hazır favicon dosyaları alın.

Nasıl çalışır

Bu araç herhangi bir PNG, JPEG, WebP veya SVG'yi eksiksiz bir favicon paketine dönüştürür — çok boyutlu .ico, Apple dokunmatik simgesi, Android/PWA simgeleri, bir web manifesti ve yapıştırmaya hazır bir HTML parçacığı — tamamen tarayıcınızın içinde Canvas API ve JSZip kullanarak. Hiçbir şey yüklenmez; tüm çizim ve dosya oluşturma yerel olarak gerçekleşir.

1
Canvas görüntünüzü yeniden ölçekler
Tarayıcı kaynak görüntünüzü gereken her boyutta (16, 32, 48, 180, 192 ve 512 px) ekran dışı HTML Canvas öğelerine çizer. Açık width/height öznitelikleri olmayan SVG'ler önce DOMParser ve XMLSerializer ile normalleştirilir; böylece Firefox ve Chrome boş bir tuval yerine aynı piksel çıktısını üretir.
2
Elle yazılmış ICO kodlayıcı .ico dosyasını paketler
Küçük ICO girişleri (16, 32, 48 px) ham 32 bit BGRA DIB bit eşlemleri olarak kodlanır — BITMAPINFOHEADER artı aşağıdan yukarıya XOR satırları ve 1bpp AND maskesi — çünkü Windows kabuk bileşenleri bu boyutlarda sıkıştırılmamış DIB biçimi gerektirir. Araç ICO dizin başlığını yazar ve girişleri tamamen DataView ve Uint8Array ile birleştirir; harici bir ICO kütüphanesi kullanılmaz.
3
PNG çıktıları canvas.toBlob ile üretilir
Her PNG varyantı (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512), canvas.toBlob 'image/png' ile çağrılarak yakalanır ve kayıpsız kodlama tarayıcının yerleşik görüntü motoruna bırakılır. İsteğe bağlı kenar boşluğu, arka plan rengi ve şekil kırpma (kare, yuvarlatılmış veya daire) yakalamadan önce tuval bağlamına uygulanır.
4
JSZip her şeyi tek bir indirmede paketler
JSZip, oluşturulan tüm dosyaları — favicon.ico, beş PNG, uygulama adınızı içeren bir site.webmanifest ve doğru <link> etiketlerini içeren bir favicon-snippet.html — cihazınıza otomatik olarak indirilen tek bir .zip blob'unda birleştirir.

Görüntünüz doğrudan tarayıcının Canvas API'sine yüklenir ve cihazınızdan asla çıkmaz — hiçbir noktada hiçbir dosya verisi sunucuya iletilmez.

İlgili araçlar

🖼️

PNG'den ICO Favicon'a Dönüştürücü

PNG, JPG, WebP veya SVG görüntüleri çok boyutlu .ico favicon dosyalarına dönüştürün. Paketlemek istediğiniz boyutları seçin (16, 32, 48, 64, 128, 256) ve tek bir .ico indirin.

DeneyinDosyalar yerel kalır

🎞️