Bir favicon paketinde neler bulunur
Bir favicon paketi genellikle favicon.ico ile en yaygın PNG boyutlarını içerir.
Bunları birlikte oluşturmak, lansmanda eksik asset kalmasını önlemeye yardımcı olur.
Favicon / App Icon Oluşturucu
Tek bir kare kaynak görsel yükleyin ve app icon'lar ile başlangıç web manifest'i içeren bir favicon paketi oluşturun.
Dosya seçilmedi
Oluşturmadan önce burada önizlemek için bir kare görsel yükleyin.
| Dosya | Piksel |
|---|---|
favicon.icoIcon | 16 x 16, 32 x 32, 48 x 48 |
favicon-16x16.pngIcon | 16 x 16 |
favicon-32x32.pngIcon | 32 x 32 |
favicon-48x48.pngIcon | 48 x 48 |
favicon-96x96.pngIcon | 96 x 96 |
favicon-128x128.pngIcon | 128 x 128 |
favicon-180x180.pngIcon | 180 x 180 |
favicon-196x196.pngIcon | 196 x 196 |
apple-touch-icon.pngIcon | 180 x 180 |
apple-touch-icon-precomposed.pngIcon | 180 x 180 |
android-chrome-192x192.pngIcon | 192 x 192 |
android-chrome-512x512.pngIcon | 512 x 512 |
site.webmanifestManifest | yok |
Favicon ve app icon oluşturma hakkında
Favicon oluşturucular tek bir kaynak görseli bir site veya web uygulamasının ihtiyaç duyduğu icon setine dönüştürür. Bu genellikle tarayıcı sekmelerini, touch icon'ları, Android asset'lerini ve manifest'e hazır dosyaları kapsar.
Apple touch icon'lar, Android icon'lar ve manifest dosyaları
Modern kurulumlarda Apple touch icon'lar, Android icon'lar ve manifest desteği de gerekir.
Bu çıktıları paketlemek dağıtımı ve PWA kurulumunu basitleştirir.
Kaynak görseli hazırlama
Kaynak görsel kare, sade ve küçük boyutlarda okunabilir olduğunda en iyi sonucu verir.
Temiz görseller 16x16, 32x32 ve diğer çok küçük dışa aktarımlarda daha keskin sonuçlar üretir.
Sık sorulan sorular
Kaynak görsel gereksinimleri, oluşturulan favicon dosyaları, dairesel icon seçeneği ve indirilen paketle ne yapılacağı hakkında yanıtlar.
Diğer araçlar
Tüm özel araç sayfalarına ana sayfa merkezinden veya ortalanmış başlık seçicisinden göz atın.
Görseller
WebP Dönüştürücü
En fazla 10 JPEG, PNG veya WebP görseli kalite preset'leri ve ZIP indirmeleriyle WebP'ye dönüştürün.
Aç WebP Dönüştürücü
Renk ve CSS
Renk Dönüştürücü
Kontrastı kontrol ederek ve CSS'e hazır token'lar dışa aktararak hex, RGB, HSL, OKLCH ve OKLAB arasında dönüştürün.
Aç Renk Dönüştürücü
Veri Formatları
JSON / YAML / TOML Dönüştürücü
JSON, YAML ve TOML'i net uyumluluk uyarılarıyla doğrulayın, biçimlendirin, küçültün ve dönüştürün.
Aç JSON / YAML / TOML
Veri Formatları
CSV Doğrulayıcı
Delimiter algılama, başlık kontrolleri, sorun listeleri ve ayrıştırılmış önizlemelerle CSV dosyalarını ve yapıştırılan satırları doğrulayın.
Aç CSV Doğrulayıcı
Metin
Case / Slug / Escape
Metni camelCase, snake_case, kebab-case, PascalCase, slug ve yaygın escape formlarına dönüştürün.
Aç Case / Slug / Escape
Metin
Markdown Doğrulayıcı ve Önizleme
Markdown yapısını doğrulayın, render edilmiş çıktıyı önizleyin ve yayınlamadan önce yaygın yazım sorunlarını yakalayın.
Aç Markdown Doğrulayıcı