Görselden İkona
Tek Bir Görseli Tam Bir İkon Paketine Dönüştürün
Görselden İkona Dönüştürücü
Bir görsel yükleyin, çerçeveyi şekillendirin, küçük boyutları önizleyin, ardından tüm ikon paketini tek tıkla indirin.
Görsel yükle
Görselinizi sürükleyip bırakın, göz atmak için tıklayın veya yapıştırın (Ctrl+V)
JPG, PNG, WebP en fazla 25MB — cihazınızda işlenir
İkon setinizi önizlemek için bir görsel yükleyin
Görseliniz asla cihazınızdan ayrılmaz. Tüm görselden ikona dönüşümü yerel olarak çalışır.
İkon Paketi Neleri İçerir
Tek bir görselden ikona dönüşümü, gerçek bir web sitesinin ihtiyaç duyduğu her dosyayı üretir — tarayıcı sekmesi, ana ekran, yükleme istemi ve hepsi.
Çok Boyutlu Favicon
favicon.ico16, 32, 48 px
Eski tarayıcı sekmeleri, masaüstü kısayolları ve sistem yüzeyleri için üç gömülü boyut içeren tek bir ICO dosyası.
Apple Touch Icon
apple-touch-icon.png180 x 180 px
Bir ziyaretçi sitenizi ana ekranına kaydettiğinde iOS'un kullandığı yuvarlatılmış kare ikon.
PWA ve Android İkonları
android-chrome-*.png192 ve 512 px
Yüklenebilir PWA istemleri, uygulama başlatıcısı ve Android ana ekranları için yüksek çözünürlüklü PNG'ler.
Manifest ve HTML
site.webmanifest + parçaJSON + bağlantılar
Önceden yapılandırılmış bir web manifest ve belgenizin head kısmına yapıştırılacak tam link etiketleri.
Görselden İkona Nedir?
Bir görselden ikona dönüştürücü, tek bir kaynak görseli bir web sitesinin ihtiyaç duyduğu tam ikon dosyası setine dönüştürür — faviconlar, uygulama ikonları ve bir manifest.
Bir görselden ikona dönüştürücü, tek bir kaynak görseli alır ve gerçek bir web sitesinin yayınladığı tüm ikon dosyalarını üretir. Tarayıcılar tarayıcı sekmesi için minik 16 piksellik bir kare ister, iOS ana ekran için 180 piksellik bir Apple Touch Icon ister ve yüklenebilir PWA'lar 192 ve 512 piksel PNG'lere artı bir web manifeste ihtiyaç duyar. Bunu elle yapmak, yarım düzine dosyayı yeniden boyutlandırmak, adlandırmak ve referans vermek demektir. Görselden ikona aracı her boyutu tek bir yüklemeden, bir tuval üzerinde, tarayıcınızda işler — böylece kaynak görsel asla cihazınızdan ayrılmaz.
- ✓Tamamen cihazınızda çalışır — görselden ikona dönüşümü için yükleme yok, sunucu gidiş-dönüşü yok
- ✓favicon.ico, PNG boyutları, Apple Touch Icon, PWA ikonları, manifest ve HTML'yi tek pakette üretir
- ✓Üç şekil modu — Kare Kırp, Dolgu ile Sığdır ve Ger — böylece geniş logolar da çalışır
- ✓Düzenli bir ikon karosu için ayarlanabilir dolgu, köşe yuvarlaklığı ve arka plan rengi
- ✓16, 32, 180 ve 512 pikselde canlı önizleme, böylece minik boyutların net okunduğunu bilirsiniz
Görselden İkona Çıktısı için En İyi Boyutlar
| Boyut | Yaygın kullanım |
|---|---|
| 16x16 | Küçük tarayıcı sekmeleri ve eski favicon görüntüleme. |
| 32x32 | Modern favicon PNG ve yüksek yoğunluklu sekme görüntüleme. |
| 48x48 | Masaüstü kısayolları ve bazı sistem yüzeyleri. |
| 180x180 | Kaydedilen ana ekran bağlantıları için Apple Touch Icon. |
| 192x192 / 512x512 | PWA ve Android yükleme ikonları. |
16 piksel önizlemesi okunması zorsa, daha cesur bir kırpma, daha fazla dolgu veya düz bir arka plan deneyin. Net kontrastlı, ortalanmış bir şekil, karmaşık bir resimden çok daha iyi şekilde büyük görselden ikon boyutlarına geçişi atlatır.
Neden Bir Görselden İkona Dönüştürücü Kullanmalısınız?
Favicon ve uygulama ikonu dosyalarını elle üretmek zahmetli ve hataya açıktır. Bu görselden ikona aracı yaygın sorunları çözer.
Manuel görselden ikona iş akışının sorunları
Elle yeniden boyutlandırma ve yeniden adlandırma
16, 32, 48, 180, 192 ve 512 piksel PNG'lere artı bir ICO'ya ihtiyacınız var, hepsi belirli dosya adlarıyla. Bunu bir grafik editöründe tek tek dosya halinde yapmak yavaştır ve yanlış yapmak kolaydır.
Manifest veya HTML yok
Yeniden boyutlandırdıktan sonra bile hala site.webmanifest dosyasını ve tam link etiketlerini yazmanız gerekir. Birini kaçırırsanız ana ekran ikonu veya PWA yüklemesi sessizce bozulur.
Çevrimiçi yükleyiciler risklidir
Birçok görselden ikona sitesi logonuzu bir sunucuya gönderir. Özel bir müşteri markası veya yayınlanmamış bir ürün için bu bir anlaşma kesicidir.
Bu görselden ikona aracının neleri doğru yaptığı
Tasarımdan gizli
Tüm görselden ikona dönüşümü tarayıcınızdaki bir tuval üzerinde çalışır. Logonuz asla hiçbir yere yüklenmez.
Tek tıkla ikon paketi
favicon.ico, tüm PNG boyutları, Apple Touch Icon, PWA ikonları, manifest ve HTML parçasını tek bir ZIP olarak indirin.
Canlı küçük boyut önizlemesi
Yayınlamadan önce faviconun 16 ve 32 pikselde nasıl göründüğünü tam olarak görün — çoğu ikonun başarısız olduğu boyutlar.
Şekil, dolgu, yuvarlaklık
Geniş logoları kareye kırpın, tüm markayı dolguyla sığdırın, köşeleri yuvarlatın veya düz bir arka plan ayarlayın — hepsi canlı.
Geçerli çok boyutlu ICO
favicon.ico, 16, 32 ve 48 pikseli tek dosyada paketler, böylece eski tarayıcılar, masaüstü kısayolları ve adres çubuğu doğru ikonu gösterir.
Ücretsiz, kayıtsız, filigransız
Sayfayı açın ve dönüştürmeye başlayın. Hesap yok, e-posta yok, çıktıda filigran yok.
Bir Görseli İkon Dosyalarına Nasıl Dönüştürülür
Tek bir kaynak görselden tam, dağıtıma hazır bir ikon paketine beş hızlı adım.
Yükle
Bir PNG, JPG veya WebP bırakın. Temiz bir kare kaynak en iyisi çalışır, ancak geniş görseller de uygundur — bütün tutmak için Dolgu ile Sığdır'ı seçin.
Şekillendir
Kare Kırp, Dolgu ile Sığdır veya Ger seçeneğini seçin. Her ikon boyutu için çerçeveyi ayarladıkça canlı önizleme güncellenir.
Stil
Dolgu ekleyin, köşeleri yuvarlatın, arka planı şeffaf tutun veya düzenli bir ikon karosu için düz bir renk seçin.
Önizle
Dışa aktarmadan önce 16 piksel önizlemesini kontrol edin. Minik sürüm net okunuyorsa, daha büyük uygulama ikonları da harika görünecektir.
İndir
favicon.ico, tüm PNG'ler, manifest ve HTML parçasını tek bir ZIP'te almak için İkon Paketini İndir'e tıklayın.
Görselden İkona Özellikleri
Tek bir görseli tam, dağıtıma hazır bir ikon setine dönüştürmek için ihtiyacınız olan her şey.
Gizli, tarayıcı içinde
Tüm görselden ikona dönüşümü cihazınızda çalışır. Kaynak görseliniz asla hiçbir yere yüklenmez.
Tam ikon paketi
favicon.ico, PNG boyutları, Apple Touch Icon, PWA ikonları, site.webmanifest ve HTML — tek bir ZIP indirmesinde paketlenmiş.
Şekil ve stil kontrolleri
Kaynağı kırpın, sığdırın veya gerin, ardından canlı önizlemeyle dolguyu, köşe yuvarlaklığını ve arka plan rengini ayarlayın.
Çok boyutlu favicon.ico
16, 32 ve 48 piksel kareleri gömülü tek bir geçerli ICO dosyası, böylece her tarayıcı doğru boyutu seçer.
Canlı küçük boyut önizlemesi
Yayınlamadan önce 16 ve 32 piksel faviconları görün, böylece en küçük boyutların okunabilir kaldığını bilirsiniz.
Manifest ve HTML parçası
Önceden yapılandırılmış bir web manifest ve hazır-yapıştır link etiketleri — head kısmına bırakın ve bitti.
Görselden İkona Çıktısı Nerede Kullanılır
Web sitesi, uygulama veya PWA yayınlayan her proje bir ikon setine ihtiyaç duyar. İşte görselden ikona paketini kullananlar.
Web Geliştiricileri
Üretilen dosyaları public klasörüne bırakın ve HTML parçasını yapıştırın.
- •Statik siteler ve açılış sayfaları
- •Next.js, Astro ve Vite projeleri
- •Dokümantasyon siteleri ve bloglar
Bağımsız Geliştiriciler
Yan projeniz için favicon ve PWA ikonlarını dakikalar içinde yayınlayın.
- •MVP'ler ve ürün lansmanları
- •Yan projeler ve demolar
- •Hackathon başvuruları
Tasarımcılar
Tek bir logo dışa aktarımından müşterilere eksiksiz, doğru adlandırılmış bir ikon paketi teslim edin.
- •Müşteri marka teslimatları
- •Tasarım sistemi devri
- •İnceleme için favicon proofları
Ajanslar
İşi yeniden yapmadan birçok müşteri sitesinde tutarlı ikon setleri oluşturun.
- •Çoklu site dağıtımları
- •Beyaz etiket dağıtımları
- •Şablon ve başlangıç kitleri
PWA Yapımcıları
Yüklenebilir bir PWA'nın ihtiyaç duyduğu 192 ve 512 piksel PNG'leri ve web manifesti alın.
- •Yüklenebilir web uygulamaları
- •Çevrimdışı öncelikli PWA'lar
- •Ana ekran başlatıcıları
Açık Kaynak Geliştiricileri
Bir deponun public klasörüne tek adımda favicon ve uygulama ikonları ekleyin.
- •GitHub Pages siteleri
- •Dokümantasyon ve demo siteleri
- •Proje açılış sayfaları
İnsanlar Ne Diyor
Geliştiriciler, tasarımcılar ve bağımsız yapımcılar, ikonları sorunsuz yayınlamak için bu görselden ikona aracını kullanıyor.
“Bir proje başlattığımda her zaman altı PNG'yi yeniden boyutlandırır ve manifesti elle yazardım. Şimdi bir logo bırakıyorum, dolguyu ayarlıyorum ve tüm görselden ikona paketi saniyeler içinde hazır oluyor. 16px önizlemesi beni birden fazla bulanık favicandan kurtardı.”
Sofia Almeida
Frontend geliştirici
“Tarayıcıda çalışması, kullanmamın tüm nedeni. Müşteri logoları hiçbir yere yüklenmiyor ve yine de favicon.ico, Apple Touch Icon ve PWA ikonlarını tek bir ZIP'te alıyorum. Bir favicon oluşturucunun olması gerektiği gibi.”
Jonas Weber
Bağımsız yapımcı
“Artık müşterilere bu araçtan ikon paketleri teslim ediyorum. Kırp ve Sığdır modları geniş logoları zarifçe işliyor, yuvarlatılmış köşeler cilalı görünüyor ve dosya adları geliştiricilerin gerçekten beklediğiyle eşleşiyor. Bulduğum en temiz görselden ikona iş akışı.”
Mei Tanaka
Marka tasarımcısı
Görselden İkona SSS
Görselden ikona dönüştürücü hakkında hızlı yanıtlar — ne yaptığı, nasıl çalıştığı, gizlilik ve fiyatlandırma.
Bir Görsel Yükleyin, Tam İkon Paketini Alın
favicon.ico, PNG boyutları, Apple Touch Icon, PWA ikonları, manifest ve HTML — tek indirme, dağıtıma hazır. Sonsuza kadar ücretsiz, kayıtsız.