Skip to content

Instantly share code, notes, and snippets.

@tobiasvogel
tobiasvogel / brainstormRawIdeas.md
Last active August 2, 2017 08:01
Brainstorming of Raw Ideas

SVG Icon Resizing Priority Layer

Summary:

Resizing vector-based Icons (especially down-sizing) often results in blurry Icons or "noisy" Icons where higher resolution Details become unrecognizable color-disturbances. Often lower-sized Icons need to be adjusted individually on a pixel-based editing by the Designer in order to make their appearance pixel-perfect. The idea is to implement a single, 8-bit integer colored Layer into SVG Icon files - similar to the concept of Alpha-Layers in png-files - that only use the and elements of the SVG (thus only reference existing elements) that remain hidden and don't get rendered by any arbitrary SVG viewer. The resulting hidden Layer helps deciding which shape elements are key to the Icons appearance and which are less important - e.g. a hairline of a low value on the priority reference-layer can easily be discarded for lower resolutions without rendering the Icon unrecognizable.

Keybase proof

I hereby claim:

  • I am tobiasvogel on github.
  • I am tobiasvogel (https://keybase.io/tobiasvogel) on keybase.
  • I have a public key whose fingerprint is 4A55 A923 6F98 AEB5 E483 0FE9 8875 8B13 E8D0 F094

To claim this, I am signing this object: