Pictograma aplicației: ce cer App Store și Google Play

Ai un singur logo și două magazine de aplicații, iar fișierul care îi convine lui Apple nu e fișierul pe care îl vrea Google. Iese la iveală în cel mai prost moment: build-ul e gata, iar încărcarea eșuează la nesfârșit din cauza unui canal alfa.

Apple vrea o pictogramă pătrată de 1024x1024, cu fundal opac. Play vrea un PNG pe 32 de biți de 512x512 care, tehnic, acceptă alfa, dar care — conform propriei specificații de design a Google — nu ar trebui să-l folosească. Și niciunul dintre magazine nu vrea un fișier cu aspect finisat: fiecare își aplică singur colțurile și efectele după încărcare. Iată ce cere fiecare și cum scoți ambele fișiere dintr-un singur logo.

Apple: 1024 de pixeli, pătrat, fără nimic transparent

Human Interface Guidelines de la Apple dau dimensiunea de layout a pictogramei pentru iOS, iPadOS și macOS ca 1024x1024 px, pătrată, în sRGB, Gray Gamma 2.2 sau Display P3. Calea preferată de Apple e acum Icon Composer, unde imporți straturile de prim-plan și definești fundalul direct în aplicație, dar o imagine aplatizată rămâne acceptată: straturile îți dau mai mult control, nu sunt obligatorii.

Pe cei care depun prima dată îi oprește fundalul. Instrucțiunea Apple pentru stratul de fundal importat e fără echivoc: fă-l opac și întins pe toată suprafața, până la margini (full-bleed). Un PNG de 1024px cu fundal transparent nu e o pictogramă validă de App Store — încarcă unul și App Store Connect îți returnează ITMS-90717: pictograma App Store nu poate fi transparentă și nu poate conține un canal alfa. Varianta pentru aspectul întunecat e singura excepție: pe aceea Apple îți cere să o livrezi cu fundal transparent, ca fundalul furnizat de sistem să se vadă prin ea. În rest, hotărăște ce culoare stă în spatele logoului și coace-o în fișier.

Celelalte platforme Apple schimbă dimensiunea de layout: watchOS 1088x1088 și visionOS 1024x1024, ambele mascate circular, iar tvOS un format orizontal de 800x480. Schimbă și metoda: pictogramele pentru tvOS și visionOS se asamblează ca image stack-uri cu straturi în Xcode, nu în Icon Composer.

Google Play: 512 pixeli, alfa permis, transparența tot o greșeală

Pictograma din listarea magazinului Play e un PNG pe 32 de biți cu alfa, 512x512 px, sRGB, maximum 1024KB. Citești doar atât și decupajul transparent pe care îl ai deja pare numai bun.

Specificația de design a pictogramelor de la Google închide ușa: elementele transparente afișează culoarea de fundal a interfeței Google Play. Logoul tău plutește atunci pe orice suprafață afișează Play, iar un logo închis la culoare dispare în modul întunecat. Sfatul Google: alege o culoare de fundal potrivită pentru brandul tău.

Încă două reguli Play: fără badge-uri sau texte care sugerează clasament, preț ori categorii Play, iar pictograma din listarea magazinului e separată de pictograma de launcher de pe dispozitiv. Aceasta din urmă, pictograma adaptivă, folosește straturi de 108x108 dp, din care doar zona interioară de 66x66 dp e garantat că nu va fi tăiată de masca unui OEM.

Cum scoți ambele fișiere dintr-un singur logo

Ambele fișiere pornesc de la același lucru: logoul tău, separat curat de orice avea în spate. Dacă logoul există doar ca JPEG primit de la un furnizor sau ca poză a unui antet tipărit, decupează-l întâi, ca forma să rămână izolată, cu un canal alfa real. remover.bg desprinde logoul de fundal și te lasă să-l așezi pe o culoare uniformă sau pe culoarea brandului, direct în editor — exact pasul de aplatizare pe care îl cere Apple.

Ordinea care funcționează:

1. Elimină fundalul, ca logoul să rămână singur. Verifică marginile pe o culoare închisă, nu pe alb — trăsăturile subțiri și serifele își ascund defectele pe o previzualizare albă.
2. Pune fundalul pe culoarea brandului și exportă un PNG. Păstrează și versiunea transparentă, pentru press kit-uri și favicon-uri.
3. În propriul tău instrument de design, așază PNG-ul pe o suprafață de lucru pătrată și exportă la 1024x1024 pentru Apple și la 512x512 pentru Play. Redimensionarea se face acolo, nu în instrumentul de eliminare a fundalului.

Pentru un logo scanat sau fotografiat, cum elimini fundalul unui logo acoperă cazurile dificile, iar ghidul PNG-urilor transparente explică de ce merită păstrat fișierul master.

Lasă magazinele să deseneze colțurile și umbra

Play e explicit aici: rotunjește singur colțurile, cu o rază de 30% din dimensiunea pictogramei, adaugă propria umbră proiectată după încărcare și îți cere să le omiți pe amândouă. Apple îți maschează pătratul în dreptunghiul rotunjit al sistemului și aplică propriile reflexe, refracții și translucidități, avertizând că straturile mascate dinainte strică efectele astea și fac marginile să pară zimțate.

Deci: fără colțuri prerotunjite, fără umbră proiectată, fără teșituri, fără strălucire. Reținerea asta e specifică pictogramelor — pe o poză de produs, o umbră de contact realistă e exact ce împiedică obiectul să pară lipit peste fundal.

Pentru că ambele magazine aplică o mască, ține partea importantă a logoului centrată. Recomandarea Apple e să centrezi conținutul principal, ca masca să nu îl poată tăia. Grila de keyline din Play funcționează altfel decât presupune lumea: e un ghid de poziționare, nu o graniță. Instrucțiunea Google e să umpli tot fișierul cu grafică atunci când poți și să te întorci la keyline-uri doar când forma din jurul logoului e esențială pentru brand. Lași margini de prudență și pictograma ta apare vizibil mai mică decât toate cele de lângă ea din listă.

Ce mănâncă efectiv raza de 30% sunt colțurile, așa că un logotip împins în ele își pierde capetele. Pe măștile circulare de watchOS și visionOS, un logotip întins de la o margine la alta își pierde de-a dreptul prima și ultima literă.

Înainte să încarci

• Apple: PNG de 1024x1024, pătrat, complet opac, cu colțurile lăsate ascuțite.
• Play: PNG pe 32 de biți de 512x512, maximum 1024KB, fundal în culoarea brandului în loc de transparență, cu colțurile lăsate ascuțite.
• Aceeași grafică și aceleași culori în ambele magazine: utilizatorii trebuie să recunoască o singură aplicație, nu două.
• Previzualizează-le pe amândouă la dimensiune de miniatură. Detaliul care se citește la 1024 dispare la 40 de pixeli.

Repari pictograma o dată și rămâne reparată pentru fiecare lansare de după asta.