Browse Source

Added SVG optimization guideline (#1972)

Jack Chou 6 months ago
committed by GitHub
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 1 deletions
  1. 6


@ -96,8 +96,12 @@ See for more details.
## Images
- SVG file format is strongly preferred. PNG files can be used as a fallback if images are too complex or otherwise unsuitable as a vector format.
- We like to optimize all SVGs we add to the site. [This]( is a helpful guide as to how we do it with [Inkscape](
- Some SVGs generated by Illustrator or Sketch are broken, therefore copying the SVG content to a new canvas is sometimes required. (We found this with the Mailcow logo). Looked fine in local builds but was wrong once rendered through netlify preview etc.
- We only have SVGs that have a canvas size of 128x128px or 384x128px.
- Provider logo dimensions are 384px x 128px ([example](
- Tool logo dimensions are 120px x 120px ([SVG example](, [PNG example](
- Tool logo dimensions are 128px x 128px ([SVG example](, [PNG example](
## Licensing