Мазмұнға өту

iOS және Android қолданба белгішелерін жасау

Бір суреттен iOS, Android, PWA және favicon үшін барлық өлшемді жасаңыз. Xcode asset catalog пен adaptive icon қабаттары браузеріңізде бір ZIP архивіне жиналады.

Белгіше суретін осы жерге апарып тастаңызPNG, JPG, WebP немесе SVG · 1024 × 1024 px немесе одан үлкен болғаны жақсы · 50 MB дейін
Файлды таңдауҚұрылғыңызда өңделеді — серверге жүктелмейді

Бір суреттен iOS, Android және веб үшін 39 PNG белгіше, сонымен қатар Contents.json, адаптивті белгіше XML, favicon.ico және веб-манифест жасалады, бәрі браузеріңізде салынады.

Браузеріңізде жұмыс істейді · серверге жүктелмейдіҚалай жұмыс істейді

Қолданба белгішесінің генераторы құралын қалай қолдану керек

  1. 1

    Суретті қосыңыз

    Шаршы PNG, JPG, WebP немесе SVG файлын апарып тастаңыз, мөлшері 1024 × 1024 пиксель немесе одан үлкен болғаны дұрыс; мөлдір фонды логотип те жақсы жарайды.

  2. 2

    Платформаларды таңдаңыз

    iOS, Android және Веб және PWA платформаларын қалдырыңыз немесе керек емесін алып тастаңыз, сосын Xcode өлшемдерінің толық жинағын немесе жалғыз 1024 px белгішені таңдаңыз.

  3. 3

    Көрінісін реттеңіз

    Шетті, фон түсін және адаптивті мен maskable белгішелердегі сурет өлшемін баптаңыз, қауіпсіз аймақ нұсқаулары мен лаунчер пішіндерін тексеріңіз.

  4. 4

    ZIP файлын жүктеп алыңыз

    ZIP жүктеп алу түймесін басып, әр буманы жобаңызға көшіріңіз; ішіндегі README әр файлдың қайда қойылатынын көрсетеді.

Шектеулер және Pro

Су белгісіз тегін: бір уақытта 50 MB-қа дейінгі бір бастапқы сурет, бір ZIP-те 44 PNG белгішеге дейін (әдепкіде 39, тақырыптық белгіше қабатымен тағы 5), жүктеп алу шектеусіз.

Қолданба белгішесінің генераторы туралы

Қолданба белгішесінің генераторы бір суреттен мобильді қолданба немесе прогрессивті веб-қолданба үшін қажетті белгішелердің толық жинағын жасайды, файлдар Xcode, Android Studio және браузерлер күтетіндей аталып, бумаларға салынады. Барлық платформа таңдалса, ZIP ішінде 39 PNG файл болады: iPhone мен iPad asset catalog үшін 15 файл (оның ішінде 1024 px App Store белгішесі), mdpi-ден xxxhdpi-ге дейінгі тығыздықтағы 15 Android лаунчер суреті, 512 px Google Play белгішесі және 8 веб белгіше: 192 және 512 px манифест өлшемдері, maskable нұсқалары, 180 px apple-touch-icon және 16, 32, 48 px favicon.

Суреттермен бірге AppIcon.appiconset үшін Contents.json, Android 8 адаптивті белгішелеріне арналған mipmap-anydpi-v26 XML (фон түсінің ресурсымен), үш өлшемді favicon.ico, manifest.webmanifest ішіне арналған icons блогы және HTML link тегтері беріледі. iOS файлдары альфа-арнасыз жазылады, өйткені Xcode мұндай арналы App Store белгішесін қабылдамайды, ал әр өлшем 1024 px бастапқы нұсқадан екі есе кішірейту қадамдарымен шығарылады, сондықтан кішкентай белгішелер анық болып қалады.

Құрал белгішені сіз үшін сызбайды және фонды алып тастамайды, адаптивті фон қабаты үшін екінші сурет емес, біртекті түс қолданылады. Squircle, тамшы және дөңгелек алдын ала көрулері кең тараған лаунчерлерді имитациялайды; әр телефон өндірушісі өз маскасын салады, сондықтан нәтижені нақты құрылғыда тексеріңіз.

Құпиялылық

Суретіңізді осы браузер беті canvas және жергілікті Web Worker арқылы декодтап, өлшемін өзгертіп, ZIP-ке жинайды, сондықтан сурет құрылғыңыздан шықпайды, ештеңе серверге жүктелмейді және сақталмайды.

Мүмкіндіктер

Xcode asset catalog

Contents.json бар AppIcon.appiconset, iPhone мен iPad-тың барлық өлшемі, альфа-арнасыз PNG.

Android адаптивті белгішелері

Алдыңғы қабаттар, фон түсінің ресурсы, дөңгелек белгішелер, тақырыптық қабат және Play Store 512.

PWA және favicon

Манифест белгішелері, maskable нұсқалар, apple-touch-icon, favicon.ico және дайын HTML тегтері.

Қолданба белгішесінің генераторы: жиі қойылатын сұрақтар

Бастапқы суреттің өлшемі қандай болуы керек?
Кемінде 1024 × 1024 пиксель шаршы суретті қолданыңыз: бұл App Store белгішесінің өлшемі және жинақтағы ең үлкен файл. Кішірек суреттер де жұмыс істейді, бірақ үлкен белгішелер үлкейтіліп, бұлыңғыр көрінеді, құрал бұл туралы ескертеді. SVG файлдары толық ажыратымдылықта салынады, сондықтан векторлық логотип кез келген өлшемде анық шығады.
Файлдар Xcode жобасында қайда орналасады?
Xcode-та Assets.xcassets ашып, бар AppIcon жинағын жойыңыз да, ZIP ішіндегі ios/AppIcon.appiconset буманы сүйреп апарыңыз немесе Finder-де бұл буманы ауыстырыңыз. Contents.json әр PNG файлын iPhone, iPad немесе App Store орнына сәйкестендіреді. Жобаңыз Xcode 14 немесе одан жаңасын қолданса, орнына Single 1024 таңдап, кіші өлшемдерді Xcode-қа жасатуға болады.
Android адаптивті белгішелері қалай жұмыс істейді?
Android 8-ден бастап лаунчер белгішесі екі 108 dp қабаттан тұрады: фон (мұнда сіз таңдаған түс) және сурет бар алдыңғы қабат. Лаунчер ортасындағы 72 dp аймақты қиып, өз пішінін, мысалы шеңбер немесе squircle қолданады, сондықтан орталық 66 dp шеңберден тыс нәрсе көрінбей қалуы мүмкін. Қауіпсіз аймақ нұсқаулары алдын ала қарауда осы екі шекті көрсетеді.
PWA үшін maskable белгіше дегеніміз не?
Maskable белгіше бүкіл шаршыны фонмен толтырады, сондықтан Android оны ақ жиексіз кез келген пішінге қия алады. Браузерлер кескіннің ортасындағы 80% аймақты қамтитын шеңберді ғана кепілдейді, сондықтан логотипті соның ішінде ұстаңыз. ZIP ішінде 192 және 512 px maskable PNG бар, ал манифест үзіндісі оларды әдеттегі белгішелердің жанында purpose maskable деп белгілейді.
iOS белгішелерінде неге фон түсі бар?
Apple қолданба белгішелерінің толық бұлыңғырсыз болуын талап етеді: альфа-арналы App Store белгішесі тексеруден өтпейді, ал мөлдір аймақтар басты экранда қара болып көрінер еді. Сондықтан құрал iOS белгішелерін, apple-touch-icon, Play Store белгішесін, адаптивті және maskable белгішелерді мөлдір веб белгішелер қосулы болса да, фон түсімен толтырады.

Ұқсас құралдар

Барлық әзірлеушілерге арналған құралдар

Favicon жасағыш

Суреттен, мәтіннен немесе эмодзиден ICO, PNG және манифест белгішелері

SVG ↔ PNG түрлендіргіш

SVG файлынан анық PNG сурет немесе PNG суреттен SVG вектор

Сурет өлшемін өзгерткіш

Пиксель, пайыз не дайын үлгі бойынша — жаппай

Түс палитрасы және контраст тексергіш

Палитралар, реңктер, WCAG контрасты және дальтонизм тексеруі