Create installer icon for Mullvad Browser

We need an icon for the installer! See linked comment: #3 (comment 2865046)

• macOS: icon for the DMG (tor-browser#41332 (closed))
• Windows: .ico for the NSIS installer (sizes: 16, 32, 48 and 256; see comments here: https://gitlab.torproject.org/tpo/applications/privacy-browser/-/issues/4#note_2868390)

added Task label

added For Applications team UX Team labels

added Next Q1 labels

marked this issue as related to #7 (closed)

marked this issue as related to #3 (closed)

marked this issue as related to #10 (closed)

changed the description

added Windows label

added Sponsor 131 label

mentioned in issue #4 (closed)

changed the description

marked this issue as related to tor-browser#41332 (closed)

marked this issue as related to #13 (closed)

mentioned in issue #10 (closed)

added Doing label and removed Next label

hey @richard, is this ticket referencing the same installer icon mentioned here? linked comment

I was about to make a ticket but wasn't sure if I should just assign myself to this one :)

@nicob yeah that looks right. It is possible that you have some annoying design constraints here in order to preserve reproducibility ( tor-browser-build#29185 (closed) for reference ).

The going theory atm is that we can't have partial alpha transparency in the asset used in the installer, or else we get build reproducibility problems.

The important thing to know for asset authorship/design is that individual pixels in the final asset must be either fully transparent or fully opaque.

As part of this can you also make a generic version for base-browser ( tor-browser-build#40722 )

assigned to @nicob

Requested icon review in the original ticket this asset came up in: comment

Great, thank you!

Once the assets are approved/finalized I'll include them in tor-browser-build.

assigned to @pierov and unassigned @nicob

added Needs Review label

removed Doing label

added Next label and removed Needs Review label

hi @ruihildt! We created a custom installer icon for mullvad on windows - please let us know if you have any feedback :)

Thanks, I looked at the initial conversation, and I agree with @donuts feedback: we should align the color of the box with the channel (so blue for stable, etc.)

@ruihildt definitely! Here's the installer icon with the same blue gradient as the main logo, and once we determine alpha and nightly colors we can do the same there.

This is good and validated from our side.

(And maybe we could use a similar channel color logic for the MacOs installer icon?)

If the asset is sorta definitive, would it make sense to already create the small version?

Firefox has a small version without the box cover, and without the perspective:

We will probably need something similar for the 16px version. Maybe also for the 32px? Not sure for the 48px.

@ruihildt great! As far as the MacOS installer icon goes, we created the silver volume disk with the embossed M, which is the same style that Tor will be using. It's an interesting idea though - do you have any thoughts on this @donuts?

@pierov yep I can make smaller versions too! Thanks for including the firefox example to reference

@nicob As far as we're concerned, it's really nitpicking, so not a priority in any way.

@ruihildt definitely! Here's the installer icon with the same blue gradient as the main logo, and once we determine alpha and nightly colors we can do the same there.

Agreed! Let's circle back to this once we've tackled the main Alpha & Nightly application icons.

@ruihildt great! As far as the MacOS installer icon goes, we created the silver volume disk with the embossed M, which is the same style that Tor will be using. It's an interesting idea though - do you have any thoughts on this @donuts?

Yep, As @nicob mentions these icons are monochrome/metallic – but the release channel is very obvious once the volume's been opened :)

added Needs Review label

assigned to @nicob and unassigned @pierov

removed Needs Review label

added Doing label and removed Next label

@richard or @pierov would you be able to test this file to see if it works okay re: alpha transparency? On my end it looks good but I want to make sure before getting into the other sizes!

• 256-mullvad-installer

We can try to run a build.

Would it be possible to keep some antialiasing anyway? I think there are some very visible gaps otherwise, that were not visible in the PNG version.

We can improve the aliasing a bit (the visible jaggies) with a bit of pixel-level editing:

original:

tweaked:

Oh thank you @richard!

added Needs Review label

removed Doing label

assigned to @richard and unassigned @nicob

assigned to @pierov and unassigned @richard

removed Needs Review label

added Doing label

marked this issue as related to #4 (closed)

I've quickly created a .ico from @nicob's PNG file, to see if tor-browser-build#29185 (closed) is still a thing.

From a quick test, it seems it isn't anymore! So, now I'm creating a scaled version of that file, and I will run a pair of builds (one in my machine, on in tb-build-05) to check we're actually still reproducible.

I've also checked Firefox's installer icon on Windows again: only the 16px is small, all the other versions have a box cover.

I've tried this icon, and the installer is reproducible:

It's only missing the small version.

Awesome! Small (16px) icon here:

• 16-mullvad-installer

Thanks!

Here is the .ico updated. I'm going to push this to tor-browser-build soon .

assigned to @nicob and unassigned @pierov

removed Doing label

added Needs Review label

marked the checklist item Windows: .ico for the NSIS installer (sizes: 16, 32, 48 and 256; see comments here: https://gitlab.torproject.org/tpo/applications/privacy-browser/-/issues/4#note_2868390) as completed

removed Needs Review label

closed

marked this issue as related to #15 (closed)

mentioned in merge request tor-browser-build-s131!5 (merged)

mentioned in commit 6164cade