İçeriğe geç

iOS ve Android uygulama simgeleri oluştur

Tek bir resmi tüm iOS, Android, PWA ve favicon boyutlarına dönüştürün; Xcode varlık kataloğu ve uyarlanabilir simge katmanlarıyla birlikte tarayıcınızda ZIP olarak paketlenir.

Simge görselinizi bırakınPNG, JPG, WebP veya SVG · 1024 × 1024 px veya daha büyüğü en iyisi · en fazla 50 MB
Dosya seçCihazınızda işlenir, hiçbir zaman yüklenmez

Tek resim; iOS, Android ve web için 39 PNG simgeye dönüşür. Contents.json, uyarlanabilir simge XML'i, favicon.ico ve web manifesti de eklenir. Hepsi tarayıcınızda çizilir.

Tarayıcınızda çalışır · yükleme yokNasıl çalışır

Uygulama simgesi oluşturucu nasıl kullanılır

  1. 1

    Görselinizi ekleyin

    Kare bir PNG, JPG, WebP veya SVG bırakın; ideal boyut 1024 × 1024 piksel veya daha büyüktür. Saydam arka planlı bir logo da iyi sonuç verir.

  2. 2

    Platformları seçin

    iOS, Android ve Web ve PWA seçili kalsın ya da yayınlamadıklarınızın işaretini kaldırın. Ardından tam Xcode boyut setini veya tek bir 1024 px simgeyi seçin.

  3. 3

    Görünümü ayarlayın

    Kenar boşluğunu, arka plan rengini ve uyarlanabilir ile maskelenebilir simgelerdeki görselin boyutunu ayarlayın; güvenli alan kılavuzlarını ve başlatıcı şekillerini kontrol edin.

  4. 4

    ZIP dosyasını indirin

    ZIP indir'e tıklayın ve her klasörü projenize kopyalayın; içindeki README her dosyanın nereye gideceğini söyler.

Sınırlar ve Pro

Filigransız ve ücretsiz: her seferinde 50 MB'a kadar tek bir kaynak resim, ZIP başına en fazla 44 PNG simge (varsayılan 39, temalı simge katmanıyla 5 tane daha), sınırsız indirme.

Uygulama simgesi oluşturucu hakkında

Uygulama simgesi oluşturucu, tek bir resmi mobil uygulamanın veya aşamalı web uygulamasının (PWA) ihtiyaç duyduğu eksiksiz simge setine dönüştürür. Dosyalar, Xcode'un, Android Studio'nun ve tarayıcıların beklediği adlar ve klasörlerle hazırlanır. Tüm platformlar seçiliyken ZIP içinde 39 PNG dosyası bulunur: 1024 px App Store simgesi dahil iPhone ve iPad varlık kataloğu için 15 dosya, mdpi'dan xxxhdpi'ya kadar yoğunluklarda 15 Android başlatıcı resmi, 512 px Google Play simgesi ve 8 web simgesi. Web simgeleri 192 ve 512 px manifest boyutlarını, maskelenebilir sürümleri, 180 px apple-touch-icon'u ve 16, 32 ile 48 px favicon'ları kapsar.

Resimlerin yanında AppIcon.appiconset için bir Contents.json, arka plan rengi kaynağı içeren Android 8 uyarlanabilir simgeleri için mipmap-anydpi-v26 XML'i, üç boyutlu bir favicon.ico, manifest.webmanifest simge bloğu ve HTML link etiketleri de gelir. iOS dosyaları alfa kanalı olmadan yazılır, çünkü Xcode alfa kanallı App Store simgelerini kabul etmez. Küçük simgeler net kalsın diye her boyut, 1024 px'lik ana resimden yarıya bölünen adımlarla küçültülür.

Araç sizin yerinize simge tasarlamaz ve arka planı kaldırmaz; uyarlanabilir arka plan katmanı için ikinci bir resim yerine düz renk kullanır. Squircle, damla ve daire önizlemeleri yaygın başlatıcıları taklit eder; her telefon üreticisi kendi maskesini çizdiği için sonucu gerçek bir cihazda kontrol edin.

Gizlilik

Görseliniz, bir canvas ve yerel bir Web Worker kullanılarak bu tarayıcı sekmesinde çözülür, yeniden boyutlandırılır ve ZIP'e paketlenir. Resim cihazınızdan çıkmaz; hiçbir şey yüklenmez veya saklanmaz.

Özellikler

Xcode varlık kataloğu

Contents.json ile AppIcon.appiconset, tüm iPhone ve iPad boyutları, alfa kanalsız PNG'ler.

Uyarlanabilir Android simgeleri

Ön plan katmanları, arka plan rengi kaynağı, yuvarlak simgeler, temalı katman ve Play Store 512.

PWA ve favicon'lar

Manifest simgeleri, maskelenebilir sürümler, apple-touch-icon, favicon.ico ve hazır HTML etiketleri.

Uygulama simgesi oluşturucu: sık sorulan sorular

Kaynak resmim hangi boyutta olmalı?
En az 1024 × 1024 piksel, kare bir resim kullanın; bu, App Store simgesinin boyutudur ve setteki en büyük dosyadır. Daha küçük resimler de çalışır ancak büyük simgeler büyütüldüğü için bulanık görünür ve araç sizi uyarır. SVG dosyaları tam çözünürlükte çizilir, bu yüzden vektör bir logo her boyutta net sonuç verir.
Dosyalar Xcode projemde nereye gider?
Xcode'da Assets.xcassets'i açın, mevcut AppIcon setini silin ve ZIP'teki ios/AppIcon.appiconset klasörünü sürükleyip bırakın; isterseniz Finder'da o klasörü değiştirin. Contents.json her PNG'yi iPhone, iPad veya App Store yuvasına eşler. Projeniz Xcode 14 veya üstünü hedefliyorsa bunun yerine Single 1024'ü seçip küçük boyutları Xcode'a oluşturtabilirsiniz.
Android uyarlanabilir simgeler nasıl çalışır?
Android 8'den beri bir başlatıcı simgesi iki adet 108 dp katmandan oluşur: burada seçtiğiniz renkten arka plan ve görselinizi içeren ön plan. Başlatıcı ortadaki 72 dp'yi keser ve daire ya da squircle gibi kendi şeklini uygular; bu yüzden ortadaki 66 dp'lik dairenin dışındaki her şey kaybolabilir. Güvenli alan kılavuzları bu iki sınırı önizlemede gösterir.
PWA için maskelenebilir simge nedir?
Maskelenebilir simge, Android onu beyaz kenar olmadan istediği şekle kesebilsin diye tüm kareyi arka planla doldurur. Tarayıcılar yalnızca görselin ortasındaki %80'i kaplayan daireyi garanti eder, bu yüzden logoları bunun içinde tutun. ZIP, 192 ve 512 px maskelenebilir PNG'leri içerir ve manifest parçası bunları normal simgelerin yanında purpose maskable ile işaretler.
iOS simgelerimde neden arka plan rengi var?
Apple, uygulama simgelerinin tamamen opak olmasını ister: alfa kanallı bir App Store simgesi doğrulamadan geçemez ve saydam alanlar ana ekranda siyah görünür. Bu yüzden araç, saydam web simgeleri açık olsa bile iOS simgelerini, apple-touch-icon'u, Play Store simgesini ve uyarlanabilir ile maskelenebilir simgeleri arka plan renginizle doldurur.

İlgili araçlar

Tüm geliştirici araçları

Favicon oluşturucu

Resim, metin veya emojiden ICO, PNG ve manifest simgeleri

SVG ↔ PNG dönüştürücü

SVG'den net PNG oluşturun, PNG'yi SVG'ye çevirin

Resim boyutlandırma

Piksel, yüzde veya hazır boyutla – toplu olarak

Renk paleti ve kontrast denetleyici

Paletler, tonlar, WCAG kontrastı ve renk körlüğü denetimi