Un rectangle ne peut rester entier et remplir un carré sans marge, recadrage ou déformation. Aucun étirement : contain et cover exposent le choix.
Contain conserve tous les bords
Contain utilise le plus petit ratio et centre ; l’espace reçoit le fond. Un logo large reste entier mais peut devenir minuscule à 16 px.
Cover remplit par recadrage
Cover prend le plus grand carré centré et coupe les côtés également. Adapté à un symbole centré, il peut couper texte ou détail décentré.
Vérifiez dans le projet
Placez les fichiers aux chemins indiqués, servez le manifeste avec le bon type, videz les caches et contrôlez onglets, favoris et installation. Conservez la source et comparez bords, contraste et recadrage. Un paquet valide prouve ses octets et noms, pas un affichage identique partout.