PWA simge oluşturucu
Kurulabilir bir web uygulamasının ihtiyaç duyduğu simgeleri — 192 ve 512px PNG’ler ile bir site.webmanifest — tek bir görselden, tümüyle tarayıcınızda üretin.
Önce gizlilik: her görsel tarayıcınızda yerel olarak işlenir. Hiçbir şey bir sunucuya yüklenmez, saklanmaz veya iletilmez.
Bir uygulamayı kurulabilir kılan simgeler
Bir progresif web uygulamasının kurulabilirliği kısmen simgelerine bakılarak değerlendirilir: tarayıcılar bir kurulum istemi sunmadan ya da ana ekrana düzgün bir simge koymadan önce en az bir 192×192 ve bir 512×512 PNG bildiren bir web manifesti arar. Bu oluşturucu ikisini de kaynak görselinizden üretir ve onlara başvuran bir site.webmanifest yazar; yanında iOS’un istediği apple-touch-icon ve sıradan sekmeler için bir favicon.ico ile birlikte.
Başlatıcıya göre şekillendirin
Android başlatıcıları bir simgeyi daireye ya da yuvarlatılmış kareye maskeleyebilir; bu yüzden kenara kadar giden tasarımlar kırpılabilir. Burada dolgu ve düz bir arka plan ekleyin; hangi maske uygulanırsa uygulansın önemli kısım güvenli alanın içinde kalsın. Canlı önizleme sonucu her boyutta gösterir. Her şey cihazınızda Canvas API ile oluşturulur — logonuz asla yüklenmez — ve setin tamamı zip olarak iner.
Sıkça sorulan sorular
- Favicon oluşturmak için resmim yükleniyor mu?
- Hayır. favicon.ico, PNG simgeler ve manifest dosyasının tümü Canvas API kullanılarak tarayıcınızda yerel olarak oluşturulur. Resminiz cihazınızdan asla ayrılmaz.
- Hangi boyutları ve dosyaları alıyorum?
- Çok çözünürlüklü bir favicon.ico (16, 32 ve 48px), 16, 32, 48, 180 (apple-touch-icon), 192 ve 512px boyutlarında PNG simgeler, bir site.webmanifest ve <head> bölümünüze yapıştıracağınız bir HTML parçacığı.
- Bir PNG veya SVG dosyasını ICO'ya dönüştürebilir miyim?
- Evet. Bir PNG, JPG, SVG veya WebP bırakın ve gerçek bir favicon.ico indirin. SVG logolar önce yüksek çözünürlükte yerel olarak tarama grafiğine dönüştürülür.
- En iyi hangi resim işe yarar?
- Sade, yüksek kontrastlı bir logo içeren kare bir resim. Kare olmayan resimler sığması için ortadan kırpılır; istediğiniz gibi çerçevelemek için dolgu ve şekil denetimlerini kullanın.
- Favicon'u nasıl kurarım?
- Paketi sitenizin kök klasörüne açın ve verilen HTML parçacığını sayfalarınızın <head> bölümüne yapıştırın. favicon.ico çoğu tarayıcı tarafından otomatik olarak alınır.