---
title: "Ustvarjalnik ikon aplikacij – iOS in Android iz ene slike"
description: "Vse ikone aplikacije iz ene slike: ikona za iOS velikosti 1024 pik z datoteko Contents.json za Xcode, ikone mipmap za Android in ikona za Trgovino Play."
url: "https://imagecompressor.si/sl/app-icon-generator"
lang: "sl"
---

# Ustvarite ikone aplikacije za iOS in Android

Dodajte en kvadraten logotip ali grafiko in prenesite ikone, ki jih pričakujeta Xcode in Android Studio, v pravih mapah.

## Kako deluje

1. **Dodajte slike** Povlecite in spustite, prilepite ali izberite datoteke. Naložijo se prek šifrirane povezave.
2. **Izberite kakovost ali ciljno velikost** Uporabite drsnik kakovosti ali povejte natančno, koliko KB ali MB potrebujete.
3. **Prenesite** Shranite posamezne datoteke ali vse naenkrat kot ZIP.

Aplikacija potrebuje ikono na mnogih mestih: eno veliko ikono za iOS, ki jo Xcode pomanjša za domači zaslon, nastavitve in obvestila, niz ikon zaganjalnika za Android za zaslone vseh gostot, okroglo različico za zaganjalnike, ki kažejo kroge, in ikono velikosti 512 pik za stran v Trgovini Play. Izdelava ene za drugo v urejevalniku slik je počasna in hitro gre kaj narobe.

Ta stran jih naredi vse iz ene slike. Izberite barvo ozadja, ki zapolni kvadrat, in koliko prostora pustite okoli grafike, predogledi pa pokažejo ikone, kot jih prikažejo telefoni: zaobljene na iOS, okrogle in kvadratne na Androidu. Prenesite en ZIP, nato mapo AppIcon.appiconset povlecite v katalog sredstev v Xcode, mape mipmap pa v mapo res projekta za Android.

Slika se obdela na našem strežniku in izbriše, ko so ikone narejene.

## Kaj vsebuje ZIP

Za iOS PNG velikosti 1024 krat 1024 brez prozornosti in datoteko Contents.json, ki Xcode 14 in novejšim pove, naj iz njega naredijo vse druge velikosti. Za Android ic_launcher.png in ic_launcher_round.png v mapah mipmap-mdpi, hdpi, xhdpi, xxhdpi in xxxhdpi, od 48 do 192 pik, ter play-store-512.png za stran v trgovini.

## Prava izhodiščna slika

Uporabite kvadratno sliko vsaj 1024 pik, najbolje logotip, izvožen iz izvirne datoteke. Grafika naj bo preprosta in krepka: ikona je prikazana komaj kaj več kot centimeter na široko, zato drobno besedilo in tanke črte izginejo. Vogale pustite prazne, ker jih iOS zaobli, številni zaganjalniki za Android pa ikono izrežejo v krog ali zaobljen kvadrat.

## Rob in ozadje

Rob grafiko ohrani stran od robov, ki bodo odrezani. Približno deset odstotkov ustreza večini logotipov; okrogel znak potrebuje manj. Za ozadje izberite barvo blagovne znamke ali belo za logotip, ki že ima svojo barvno obliko.

## Prilagodljive ikone na Androidu

Novejše različice Androida imajo raje prilagodljive ikone iz sprednje in zadnje plasti, ki ju zaganjalnik animira in maskira. Datoteke PNG tukaj povsod delujejo kot starejša ikona; za prilagodljivo različico lahko orodje Image Asset v Android Studiu uporabi isto grafiko in barvo ozadja.

Izvirno grafiko shranite; ko se blagovna znamka spremeni, jo znova obdelajte in mape zamenjajte v enem koraku. Tako ostanejo vse ikone usklajene med seboj.

## Pogosta vprašanja

### Zakaj moja ikona ni prozorna?

Apple zavrne ikone aplikacij s prozornostjo, zaganjalniki pa ikone za Android tako ali tako maskirajo, zato barva ozadja zapolni kvadrat.

### Ali deluje s starejšimi različicami Xcode?

Xcode 13 in starejši želijo vsako velikost posebej. Xcode 14 in novejši sprejmejo eno ikono v tem ZIP-u.

### Ali lahko uporabim SVG?

Da. Logotipi SVG se izrišejo v polni velikosti, zato so ikone ostre.

### Kaj pa ikona favicon za spletno stran?

Ustvarjalnik ikon favicon naredi ikone, ki jih potrebuje spletna stran, vključno z ikono Apple touch.

### Ali se moj logotip hrani?

Ne. Ikone se narišejo na našem strežniku, naloženo pa se z njega zbriše, ko je ZIP poslan.

### Ali lahko to kličem iz skripte za gradnjo?

Da: POST /api/v1/app-icons vrne isti ZIP.

### Zakaj imajo okrogle ikone za Android prozorne vogale?

Izrezane so v krog za zaganjalnike, ki kažejo okrogle ikone, zato je del zunaj kroga prozoren in se lepo prilega vsakemu ozadju.

## Sorodna orodja

- [Generator faviconov](https://imagecompressor.si/sl/favicon-generator): Ena slika noter, vse ikone, ki jih spletno mesto potrebuje, ven, skupaj s HTML-jem.
- [Zaoblite vogale slike](https://imagecompressor.si/sl/rounded-corners-image): Izberite, kako okroglo, vogali pa postanejo prozorni, da slika mehko stoji na vsaki strani.
- [Odstranite ozadje logotipa](https://imagecompressor.si/sl/remove-background-from-logo): Logotip v belem okvirju spremenite v prosojen PNG, ki deluje na vsaki barvi.