Squircle convertit les images carrées en icônes aux bords arrondis pour iOS

Nicolas Furno |

Squircle (gratuit) est un petit utilitaire plutôt orienté pour les développeurs d’apps iOS et iPadOS. Son rôle est de transformer une icône carrée en une icône aux bords arrondis qui respecte les recommandations de la Pomme. En sortie, l’utilitaire peut générer un fichier PNG avec fond transparent, ce qui intéresse fortement le journaliste qui doit illustrer des articles sans toujours avoir accès aux icônes des apps qu’il évoque, ou alors un dossier AppIcon.appiconset qui intéressera davantage les développeurs. Ce dernier contient toutes les tailles attendues par une app iOS et peut en effet servir directement dans Xcode.

Squircle en action sur l’icône de l’app iGeneration. Image MacGeneration.

Contrairement à ce que l’on pourrait croire, les icônes d’iOS ne sont pas des carrés aux bords arrondis, ce serait bien trop simple. Elles reposent sur des courbes de Bezier de 52 points, une implémentation spécifique qu’il est difficile de reproduire avec un éditeur vectoriel. C’est le sens de cette app, qui permet d’obtenir le résultat parfait le plus simplement possible, en déposant une image carrée dans son interface, puis avec un glisser/déposer sur les deux options du bas pour obtenir soit le PNG, soit le dossier adapté à Xcode.

Squircle est une app gratuite, uniquement en anglais et qui nécessite macOS 14.4 au minimum.

avatar radeon | 

Je regrette les icônes avec une forme libre qu’on avait avant, on se répétait beaucoup plus rapidement dans le dock grâce à ça.
Maintenant on est plutôt en mode énumération avec cette forme standardisée.
A trop vouloir rapprocher macOS d’iOS on y perd.
Quand on cette app c’est tjrs sympathique un petit outil gratuit qui facilite la vie aux développeurs, bravo au dev qui a pris le temps de partager son outil.

avatar Saussau083 | 

Certains développeurs gardent cette forme venant d'iOS et se permettent quelques largesses en 3D qui débordent de l'icône, je trouve ça très sympa ! Pixelmator Pro, Final Cut ou OpenEmu sont des exemples que j'aime beaucoup !

avatar radeon | 

@Saussau083

Ouais après je suis un vieux con qui regarde trop derrière il paraît ^^

avatar heero | 

@radeon

C’est simplement que les dev le veulent mais Apple n’impose pas ce style là à macOS mais c’est vrai plus pratique une icône unique pour macOS/ios/ipados

J’avoue que les icônes non stylés iOS sont souvent plus belles visuellement :-)

avatar radeon | 

@heero
Le style après y’a une part de subjectivité importante mais niveau rapidité de repérage je préférais un truc comme ça :

https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRH3u2ZuD-SvFTZF2vStr0Ey4tuvhoY5cm3nQ&usqp=CAU

avatar heero | 

@radeon

Y a une époque c’était tout en rond(circle) aussi, y a des périodes.

Mais c’est bien quand des designer gardent une part de créativité sans suivre le mouvement

avatar radeon | 

@heero

Oui bon après ça m’empêche pas de vivre non plus hein :)

avatar totoguile | 

https://blog.jim-nielsen.com/2024/big-sur-ification-of-macos-icons/

Je regrette surtout la fainéantise de certains, comme Microsoft qui se contente d'un carré blanc autour de l'icone.
Ca n'apporte rien, et surtout ca réduit la taille de l'icone inutilement

avatar radeon | 

@totoguile

Oui ça on est d’accord. En parallèle j’utilise aussi Ubuntu et la les icônes sont tjrs en formes libres.

avatar Thms | 

À noter que pour iOS, il faut fournir des images carrées, et c’est l’OS qui se charge de découper les coins tout seul.

avatar Jymini | 

Il manque le lien vers l’app dans l’article?

avatar radeon | 

@Jymini

Tu tapes squicle dans l’app store et c’est la seconde, celle qui est gratuite.

avatar Nicolas Furno | 

@Jymini

Oups oui, j'ai ajouté à l'article. Voici le lien aussi : https://apps.apple.com/fr/app/squircle-resize-app-icons/id6499279814

avatar marc_os | 

👍 Merci au dev pour le partage.

avatar hairsplitter | 

Je les préfère carré, ils sont plus stables et ne risquent pas de rouler.

avatar koko256 | 

13 points par coin... moi qui voyant un arc de cercle il faut que je change de lunettes.
// Pour ceux qui se demandent à quoi ressemble une approximation de cercle par une courbe de Bézier, on a de jolies images ici :
https://stackoverflow.com/questions/1734745/how-to-create-circle-with-b%C3%A9zier-curves

avatar AirLink | 

"nécessite macOS 14.4" rien que ça...

avatar BipBiip | 

De mémoire, Apple Pages et Apple Keynote savent faire des carrés à coins arrondis depuis le début (2005, ou a-t-il fallu attendre un peu ?). Un petit export de la forme avec image incluse en ou dégradé ou en aplat, au format PNG pour la transparence, et le tour était joué.

Mais l’histoire du carré point carré tout à fait a suivi Apple en roulant sa bosse
https://www.macg.co/aapl/2019/11/sil-vous-plait-dessine-moi-des-ronds-109883

CONNEXION UTILISATEUR