Asosiy qismga oʻtish

iOS va Android ilova ikonkalarini yaratish

Bitta rasmni iOS, Android, PWA va favikonning barcha oʻlchamlariga aylantiring: Xcode asset katalogi va adaptiv ikonka qatlamlari bilan, brauzeringizda bitta ZIP ga joylanadi.

Ikonka rasmini shu yerga tashlangPNG, JPG, WebP yoki SVG · 1024 × 1024 px yoki kattaroq rasm yaxshi natija beradi · 50 MB gacha
Faylni tanlangQurilmangizda qayta ishlanadi — hech qayerga yuklanmaydi

Bitta rasmdan iOS, Android va veb uchun 39 ta PNG ikonka, shuningdek Contents.json, adaptiv ikonka XML fayli, favicon.ico va veb-manifest hosil boʻladi — hammasi brauzeringizda chiziladi.

Brauzeringizda ishlaydi · yuklanmaydiQanday ishlaydi

Ilova ikonkalari generatori: foydalanish tartibi

  1. 1

    Rasmni qoʻshing

    Kvadrat PNG, JPG, WebP yoki SVG faylni tashlang, yaxshisi 1024 × 1024 piksel yoki kattaroq; foni shaffof logotip ham yaxshi ishlaydi.

  2. 2

    Platformalarni tanlang

    iOS, Android va “Veb va PWA” ni qoldiring yoki chiqarmaydiganlaringizdan belgini olib tashlang, soʻng Xcode uchun toʻliq oʻlchamlar toʻplamini yoki bitta 1024 px ikonkani tanlang.

  3. 3

    Koʻrinishni sozlang

    Ichki chekinish, fon rangi va adaptiv hamda maskable ikonkalardagi tasvir oʻlchamini belgilang, xavfsiz hudud chiziqlari va launcher shakllarini tekshirib boring.

  4. 4

    ZIP ni yuklab oling

    “ZIP ni yuklab olish” tugmasini bosing va har bir jildni loyihangizga koʻchiring; ichidagi README qaysi fayl qayerga borishini aytadi.

Cheklovlar va Pro

Bepul va suv belgisisiz: bir vaqtda 50 MB gacha bitta manba rasm, bitta ZIP da 44 tagacha PNG ikonka (odatda 39 ta, mavzuli ikonka qatlami bilan yana 5 ta), cheksiz yuklab olish.

Ilova ikonkalari generatori haqida

Ilova ikonkalari generatori bitta rasmdan mobil ilova yoki progressiv veb-ilovaga (PWA) kerak boʻladigan toʻliq ikonkalar toʻplamini yaratadi, fayllar esa Xcode, Android Studio va brauzerlar kutganidek nomlanadi va jildlarga joylanadi. Barcha platformalar tanlanganda ZIP ichida 39 ta PNG fayl boʻladi: iPhone va iPad asset katalogi uchun 15 ta, jumladan 1024 px li App Store ikonkasi, mdpi dan xxxhdpi gacha zichliklar boʻyicha 15 ta Android launcher rasmi, Google Play uchun 512 px li ikonka va 8 ta veb-ikonka — 192 va 512 px li manifest oʻlchamlari, ularning maskable variantlari, 180 px li apple-touch-icon hamda 16, 32 va 48 px li favikonlar.

Rasmlar bilan birga AppIcon.appiconset uchun Contents.json, Android 8 adaptiv ikonkalari uchun fon rangi resursi bilan mipmap-anydpi-v26 XML, uch oʻlchamli favicon.ico, manifest.webmanifest uchun icons bloki va HTML link teglari ham beriladi. iOS fayllari alfa kanalsiz yoziladi, chunki Xcode alfa kanalli App Store ikonkalarini qabul qilmaydi, har bir oʻlcham esa 1024 px li asosiy nusxadan bosqichma-bosqich ikki baravardan kichraytiriladi, shuning uchun kichik ikonkalar ham aniq chiqadi.

Vosita siz uchun ikonka chizmaydi va fonni olib tashlamaydi, adaptiv fon qatlami uchun esa ikkinchi rasm emas, bir xil rang ishlatiladi. Yumaloq kvadrat, tomchi va doira namunalari keng tarqalgan launcherlarga taqlid qiladi; har bir telefon ishlab chiqaruvchisi oʻz niqobini chizadi, shuning uchun natijani haqiqiy qurilmada tekshiring.

Maxfiylik

Rasmingiz shu brauzer oynasida canvas va lokal Web Worker yordamida ochiladi, oʻlchami oʻzgartiriladi va ZIP ga joylanadi, shuning uchun u qurilmangizdan chiqmaydi, hech qayerga yuklanmaydi va saqlanmaydi.

Imkoniyatlar

Xcode asset katalogi

Contents.json bilan AppIcon.appiconset, iPhone va iPad ning barcha oʻlchamlari, alfa kanalsiz PNG lar.

Adaptiv Android ikonkalari

Old qatlamlar, fon rangi resursi, dumaloq ikonkalar, mavzuli qatlam va Play Store uchun 512 px.

PWA va favikonlar

Manifest ikonkalari, maskable variantlar, apple-touch-icon, favicon.ico va tayyor HTML teglar.

Ilova ikonkalari generatori: koʻp beriladigan savollar

Manba rasm qanday oʻlchamda boʻlishi kerak?
Kamida 1024 × 1024 pikselli kvadrat rasmdan foydalaning — bu App Store ikonkasining oʻlchami va toʻplamdagi eng katta fayl. Kichikroq rasmlar ham ishlaydi, lekin katta ikonkalar kattalashtiriladi va xira koʻrinadi, vosita bu haqda ogohlantiradi. SVG fayllar toʻliq aniqlikda chiziladi, shuning uchun vektor logotip har qanday oʻlchamda aniq natija beradi.
Fayllar Xcode loyihamning qayeriga joylanadi?
Xcode da Assets.xcassets ni oching, mavjud AppIcon toʻplamini oʻchiring va ZIP dagi ios/AppIcon.appiconset jildini sudrab tashlang yoki Finder da shu jildni almashtiring. Contents.json har bir PNG ni iPhone, iPad yoki App Store uyasiga bogʻlaydi. Loyihangiz Xcode 14 yoki undan yangisiga moʻljallangan boʻlsa, “Bitta 1024” ni tanlab, kichik oʻlchamlarni Xcode ning oʻziga qoldirishingiz mumkin.
Android adaptiv ikonkalari qanday ishlaydi?
Android 8 dan boshlab launcher ikonkasi ikkita 108 dp li qatlamdan iborat: fon, bu yerda siz tanlagan rang, va rasmingiz joylashgan old qatlam. Launcher markazdagi 72 dp ni qirqib oladi va unga doira yoki yumaloq kvadrat kabi oʻz shaklini beradi, shuning uchun markaziy 66 dp li doiradan tashqaridagi qism yoʻqolishi mumkin. Xavfsiz hudud chiziqlari namunada shu ikki chegarani koʻrsatadi.
PWA uchun maskable ikonka nima?
Maskable ikonka butun kvadratni fon bilan toʻldiradi, shunda Android uni oq hoshiyalarsiz istalgan shaklda kesa oladi. Brauzerlar faqat rasm markazining 80% ini qoplaydigan doirani kafolatlaydi, shuning uchun logotipni shu doira ichida saqlang. ZIP da 192 va 512 px li maskable PNG lar bor, manifest parchasi esa ularni oddiy ikonkalar yonida purpose maskable bilan belgilaydi.
Nega iOS ikonkalarimda fon rangi bor?
Apple ilova ikonkalarining toʻliq shaffofsiz boʻlishini talab qiladi: alfa kanalli App Store ikonkasi tekshiruvdan oʻtmaydi, shaffof joylar esa bosh ekranda qora boʻlib koʻrinadi. Shu sababli vosita iOS ikonkalari, apple-touch-icon, Play Store ikonkasi hamda adaptiv va maskable ikonkalarni, shaffof veb-ikonkalar yoqilgan boʻlsa ham, siz tanlagan fon rangi bilan toʻldiradi.

Oʻxshash vositalar

Barcha dasturchilar uchun vositalar

Favicon generatori

Rasm, matn yoki emojidan ICO, PNG va manifest ikonkalari

SVG ↔ PNG konvertori

SVG dan tiniq PNG yoki PNG dan SVG vektor

Rasm oʻlchamini oʻzgartirish

Piksel, foiz yoki andoza boʻyicha — toʻplab

Ranglar palitrasi va kontrast tekshirgichi

Palitralar, tuslar, WCAG kontrasti va rang koʻrlik tekshiruvi