privacyguides.org/docs/meta/uploading-images.md
2023-03-06 13:49:03 -06:00

2.2 KiB

title
Uploading Images

Here are a couple of general rules for contributing to Privacy Guides:

Images

  • We prefer SVG images, but if those do not exist we can use PNG images

Company logos have canvas size of:

  • 128x128px
  • 384x128px

Optimization

PNG

Use the OptiPNG to optimize the PNG image:

optipng -o7 file.png

SVG

Inkscape

Scour all SVG images.

In Inkscape:

  1. File Save As..
  2. Set type to Optimized SVG (*.svg)

In the Options tab:

  • Number of significant digits for coordinates > 5
  • Turn on Shorten color values
  • Turn on Convert CSS attributes to XML attributes
  • Turn on Collapse groups
  • Turn on Create groups for similar attributes
  • Turn off Keep editor data
  • Turn off Keep unreferenced definitions
  • Turn on Work around renderer bugs

In the SVG Output tab under Document options:

  • Turn off Remove the XML declaration
  • Turn on Remove metadata
  • Turn on Remove comments
  • Turn on Embeded raster images
  • Turn on Enable viewboxing

In the SVG Output under Pretty-printing:

  • Turn off Format output with line-breaks and indentation
  • Indentation characters > Select Space
  • Depth of indentation > 1
  • Turn off Strip the "xml:space" attribute from the root SVG element

In the IDs tab:

  • Turn on Remove unused IDs
  • Turn off Shorten IDs
  • Prefix shortened IDs with > leave blank
  • Turn on Preserve manually created IDs not ending with digits
  • Preserve the following IDs > leave blank
  • Preserve IDs starting with > leave blank

CLI

The same can be achieved with the Scour command:

scour --set-precision=5 \
      --create-groups \
      --renderer-workaround \
      --remove-descriptive-elements \
      --enable-comment-stripping \
      --enable-viewboxing \
      --indent=space \
      --nindent=1 \
      --no-line-breaks \
      --enable-id-stripping \
      --protect-ids-noninkscape \
      input.svg output.svg