Commit Graph

6 Commits

Author SHA1 Message Date
Volker E
6ea7307df9 Amend Base10 color and remove (affected) PNG fallbacks
Amending Base10 to slightly darker `#202122` to fulfill WCAG
requirements in connection to Accent50.
Also removing all PNG fallbacks as they are only used in JS-only.

Bug: T248393
Change-Id: I07fa4e23320763a634e5340ab125634842b86454
2020-04-21 11:43:23 +00:00
Volker E
f3d48beef7 build: Bring SVGO optimization to build step
Enabling SVGO automation with 'grunt-svgmin' and conservative
plugin settings to build step, among those:
- enable removeRasterImages and sortAttrs,
- disable cleanupIDs, removeDesc, removeTitle, removeViewBox &
  removeXMLProcInst and
- make use of pretty, indent and multipass options.

Also updating SVG accordingly.

Bug: T185596
Change-Id: I0030a711a2947ca8c1eb4e56d8540661c72a2639
2018-05-20 08:55:05 +00:00
Volker E
c8b391564e Align SVGs to WikimediaUI color palette and optimize
Aligning SVGs to WikimediaUI color palette, optimizing
by help of SVGO and align markup to each other, among changes:
- unifying XML declaration
- removing `standalone=no` as it's default
- adding `viewBox` attribute for cross-browser compatibility
- removing unnecessary groups and ids where applicable
- unifying identation
- bringing attributes in order

Bug: T178867
Change-Id: Ie7803dd904cee14fa401331e082982794dc0a225
2017-11-02 00:25:40 -07:00
Bartosz Dziewoński
c9cd0fc401 resources/images: Optimize all SVGs (partially by hand)
Passed with svgo 0.4.2 <https://github.com/svg/svgo>, then prepended
'<?xml version="1.0" encoding="UTF-8"?>' prolog to each file since
svgo sees it fit to remove it and that breaks file type detection.
svgo truncated all numerical values to a maximum of 3 decimal places
of precision.

Applied some additional optimizations by hand (with a text editor or
in Inkscape).

Did not touch upstream-managed SVG files, will submit separate
patches for them.

File size changes:

* cog-sprite.svg:    2,520 → 1,253 bytes – 50.3% smaller
* cog.svg:          17,961 → 1,154 bytes – 93.6% smaller
* display.svg:       2,591 → 1,053 bytes – 59.4% smaller
* help.svg:          1,790 →   674 bytes – 62.3% smaller
* input.svg:         5,515 → 2,092 bytes – 62.1% smaller
* remove-input.svg:  5,956 → 2,208 bytes – 62.9% smaller

Total:              36,333 → 8,434 bytes – 76.8% smaller

Details:

* cog-sprite.svg:
  * Use <defs> and <use> instead of duplicating the path data.

* cog.svg:
  * Vacuumed defs with Inkscape, there were weird leftovers there.

* input.svg:
  * Simplified the shapes.

* remove-input.svg:
  * As above. Reused the same path data with a transform to improve
    compression when embedded.

Bug: 56292
Change-Id: Iad1771829ba2711e4827befc1c73e34453734640
2014-02-19 00:54:42 +01:00
Pau Giner
6075f79871 Huge icons in language settings
Graphic assets have been modified so hat they are of the size at which
they are displayed. This makes them safer for browsers not supporting
background-size property.

Bug: 49107
Change-Id: Ifdce9ff5034e2b11d3e1dd24ac649cb99a151312
2013-06-04 10:09:18 +00:00
Pau Giner
10078d1b65 SVG versions of icons
SVG assets added and CSS adjusments made to make use fo SVG for compatible browsers.

Change-Id: Ib04b7bd72b528fc0c8159362f03f2a9828342aa4
2013-02-18 15:22:33 +01:00