Adapted logo for pixel perfect rendering at smol sizes

[notCalle]

I wanted to have Zig file icons in Sublime Text, adding a Zig logo to the FileIcons package. They use automated rendering from .svg to 16x16 .png icons (+ @2x, @3x) for inlining with file names, which got blurry illegible results when I tried the regular zig logo.

This is an adaption of the Zig logo for pixel perfect rendering at any multiples of 16x16, making sure that the vertical and horizontal bars are pixel aligned, and opening the zlanted cuts to match. This makes a lighter version of the logo with thinner bars, and wider cuts. The aspect ratio had to change slightly to keep pixel alignment.

I did the adaption based on the logo on the zig documentation pages, not realizing the straight cuts at the ends are slanted in the current logos. The pixel perfect straight cuts gives a crisp look at 16x16, but with the widened cuts it might still work in a slanted version.

I'll await acceptance of this adaption here before submitting a PR with sublime-FileIcons.

[daurnimator]

Do you have a screenshot of what it looks like at these small sizes? Also would it be reasonable to use an svg media query to combine with the existing svg?

…

On Wed, 7 Oct 2020, 06:06 Calle Englund, ***@***.***> wrote: I wanted to have Zig file icons in Sublime Text, adding a Zig logo to the FileIcons <https://packagecontrol.io/packages/FileIcons> package. They use automated rendering from .svg to 16x16 .png icons (+ @2x, @3x) for inlining with file names, which got blurry illegible results when I tried the regular zig logo. This is an adaption of the Zig logo for pixel perfect rendering at any multiples of 16x16, making sure that the vertical and horizontal bars are pixel aligned, and opening the zlanted cuts to match. This makes a lighter version of the logo with thinner bars, and wider cuts. The aspect ratio had to change slightly to keep pixel alignment. I did the adaption based on the logo on the zig documentation pages, not realizing the straight cuts at the ends are slanted in the current logos. The pixel perfect straight cuts gives a crisp look at 16x16, but with the widened cuts it might still work in a slanted version. I'll await acceptance of this adaption here before submitting a PR with sublime-FileIcons. ------------------------------ You can view, comment on, or merge this pull request online at: #11 Commit Summary - Adapt logo for rendering at smol sizes File Changes - *A* zig-icon.afdesign <https://github.com/ziglang/logo/pull/11/files#diff-eeeaea93791242fe1fcc8ebab3c85e4b> (0) - *A* zig-icon.svg <https://github.com/ziglang/logo/pull/11/files#diff-a995207ba00e90592b5e0e0f10cdb363> (9) Patch Links: - https://github.com/ziglang/logo/pull/11.patch - https://github.com/ziglang/logo/pull/11.diff — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#11>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAA7HY46CJZVPGNTAJ4JFMDSJNTCJANCNFSM4SGN2PZA> .

[notCalle]

The three sizes rendered by FileIcons

These are all intended for an optical size of 16x16, but the latter are used on high DPI displays, for finer details.

• 16x16
  
• 16x16@2x
  
• 16x16@3x
  

Inline with file names in Sublime Text

• Regular DPI display
  
• High DPI display@2x
  

[notCalle]

Also would it be reasonable to use an svg media query to combine with the existing svg?

I can give it a try, and see what I can make of it.

[notCalle]

Looking more closely at the new zig-mark.svg design to see how I can combine with a media query, it's actually really close to being possible to render pixel perfect at 16x16.

Redraw of the thinned icon version, more closely matching the regular zig-mark.

zig-icon v2

zig-mark