Issue: No Optical Compensation on Current Square Icons

[ochi12]

I'm always looking at the square icons like "It's too big isn't it?".

Current	Optical Compensation

Vertical Oblong icons like libre office and Text editor appears smaller along side Square app icons like Calendar and Characters.

Current Template
The circle template appears smaller compared to the square template.

With Optical Compensation
The square template feels more in size to the other templates.

I will make a survey to people who don't know ubuntu and Yaru in general

[ubuntujaggers]

Hi @ochi12 - this was my fault - it was me who did the templates, and you're 100% right: the square icons are too big. They are as tall as the tall oblongs and as wide as the wide oblongs.

I don't think a survey is required - I think it would just be best practice to make them a bit smaller, exactly as per your mockups. I'm very supportive of this and feel like I should help because it was my error in the first place :)

I've been absent from the theme for a while and I want to make a New Year's resolution to do a bit more work on the Yaru icons - the main problem I've had is working out how to set myself up so I can submit PRs. I'm more "arty" than technical, and for some reason, I couldn't get Github to work on my current laptop.

However, in terms of the graphics work that's needed, I do have capacity to go through all the current square icons and make them smaller, over the course of a few weeks?

[ubuntujaggers]

@ochi12 How about these dimensions? The length of each side should be intermediate between the short and long side of an oblong icon. So, 200x200px square versus 224x176px oblong, 42x42px square versus 46x38px oblong, and so on. I believe that these square icons now have the same area as the oblong icons.

The exception is the smallest size square, which I've left untouched for now, because it would average out to 15x15 px which can't be centred.

EDIT: I've got these as svgs rather than mockups - it wouldn't take me very long to do the rest of the square icons, if that would be helpful.

[ubuntujaggers]

After doing some experiments and building locally, 208x208px works better for the full size icon because it renders more cleanly when it's shrunk down to display on the app grid.

If you do a 200px square, it turns out the sides of the icon end up falling "between the pixels" when it's scaled down to the app grid size, so the outside of the icon is not 100% sharp. 208px scales down flawlessly, so I've gone with that.

Before:

After:

On the dock:

[Muqtxdir]

hi @ubuntujaggers

bit late to the thread, liking your new iteration!