🌐 Favicon & Uygulama İkonu Oluşturucu
Bir görsel yükle ve anında tam favicon paketini indir — her standart boyutta PNG ikonlar, çok boyutlu .ico dosyası ve hazır yapıştırma HTML bağlantı etiketleri, tümü tek bir ZIP dosyasında.
Tasarım gereği gizli. Bu araç, tarayıcınızda tamamen çalışır — girdiğiniz hiçbir şey yüklenmez ya da saklanmaz ve çevrimdışı da çalışır.
Hakkında
Bu araç, tarayıcının Canvas API'sini kullanarak kaynak görselinizi modern tarayıcılar ve işletim sistemleri tarafından beklenen her boyutta yeniden boyutlandırır: 16×16, 32×32, 48×48, 64×64, 180×180 (Apple Touch Icon), 192×192 (Android / PWA) ve 512×512 (PWA splash). Ayrıca, tüm yaygın ikon boyutlarını tek bir ikili dosyaya yerleştiren çok boyutlu bir .ico dosyası oluşturur ve her boyut için doğru <link> etiketlerini içeren HTML parçacığı oluşturur. Her şeyi, harici bir kütüphane olmadan satır içi, sadece depolama yapan bir ZIP yazıcısı kullanarak ZIP dosyasına paketler. Çünkü tüm süreç Canvas ile tarayıcıda çalışır, dosya cihazınızdan asla çıkmaz.
Nasıl kullanılır
- Kaynak görselinizi yükleme alanına bırakın veya dosya seçmek için tıklayın — PNG, JPEG, SVG veya WebP hepsi çalışır.
- Görseli önizleyin ve boyutları onaylayarak oluşturun: 16, 32, 48, 64, 180, 192 ve 512 px PNG'ler varsayılan olarak seçilir.
- Oluştur'u tıklayarak Canvas API'si, her ikon boyutunu tarayıcı içinde yeniden boyutlandırır ve işler.
- ZIP'i İndir'e tıklayarak tüm PNG'leri, çok boyutlu favicon.ico dosyasını ve HTML parçacığı dosyasını tek bir arşivde alın.
- HTML dosyasından <link> etiketlerini kopyalayıp web sitenizin <head>'ine yapıştırın — favicon'unuz hazırdır.
SSS
- Bu araç hangi boyutları oluşturur?
- 16, 32, 48, 64, 180, 192 ve 512 piksel boyutlarında PNG dosyaları, 16, 32 ve 48 piksel içeren çok boyutlu favicon.ico dosyası ve bunlara uygun HTML <link> etiketlerini oluşturur.
- Görselim benim sunucuya yüklendi mi?
- Hayır. Tüm boyutlandırma ve paketleme işlemi Canvas API'si kullanılarak tarayıcınızda yapılır. Görseliniz cihazınızdan asla çıkmaz.
- En iyi kaynak resim hangisidir?
- En iyi sonuçlar için en az 512×512 px boyutunda kare bir resim kullanın. SVG özellikle iyi çalışır çünkü çözünürlükten bağımsızdır.
- Çok boyutlu .ico dosyası nedir ve neden ihtiyacım vardır?
- .ico dosyası, birden fazla çözünürlüğü tek bir ikili dosyada barındırabilir. Eski tarayıcılar ve Windows, sekme ikonları ve kısayollar için .ico kullanır ve otomatik olarak en uygun boyutu seçer. Çok boyutlu .ico kullanmak, her yerde keskin ikonlar sağlar.
- Web sitesi için tüm oluşturulan boyutlara ihtiyacım var mı?
- Çoğu web sitesi için çok boyutlu .ico dosyası, 180 px (Apple Touch Icon) ve 192/512 px (PWA) boyutlarında PNG dosyaları, tüm önemli kullanım durumlarını kapsar. Küçük PNG'ler tamamlık ve eski tarayıcı desteği için dahil edilmiştir.
- Bu araç, verilerimi yükler mi?
- Hayır. Her şey tarayıcınızda çalışır, bu yüzden verileriniz cihazınızdan asla çıkmaz — sayfa yüklendikten sonra bile çevrimdışı çalışır.