Page 1 of 2

Vector Art Optimization Challenge #1

Posted: Fri Apr 01, 2016 7:55 am
by dimumurray
Vector Art Optimization Challenge #1

Preamble
Howdy Folks! Welcome to the first in a series of vector art optimization challenges.These challenges are presented as bite-size exercises for community members to tackle. My hope is that we'll learn from each other in the process. All are encouraged to participate regardless of skill level.

Challenge Format
The format of this challenge is as follows:

A vector graphic is provided along with a value denoting the number points that make up the image. Your task, should you choose to accept it, is to optimize the graphic so as to reduce the number of points used (nodes and handles) while retaining image fidelity. You are free to use any techniques at your disposal but be aware of the following:

Guide lines
  1. Submissions MUST be all-vector, no raster graphics should be used
  2. Handle co-ordinates count as points
  3. Nodes that make up clip paths and masks are counted as points
  4. Gradient nodes also counted as points(each "stop" on the gradient path counts as a point)
  5. ...we'll come up with more as we go along

And so without further ado....

CHALLENGE #1
Lets kick this off with an isometric tile, courtesy of Kenny.nl's open-source asset collection as seen below:

SVG Image

[Right-Click to save]

This image is comprised of 56 points. Can you do better?

Re: Vector Art Optimization Challenge #1

Posted: Fri Apr 01, 2016 8:10 am
by Lazur
Nice!

Filling up gaps from anti-aliasing is not a goal by the way?

Re: Vector Art Optimization Challenge #1

Posted: Fri Apr 01, 2016 8:28 am
by Lazur
Here goes my two cents:

SVG Image

35 nodes.

Re: Vector Art Optimization Challenge #1

Posted: Fri Apr 01, 2016 8:45 am
by Lazur
SVG Image

27 points.

Re: Vector Art Optimization Challenge #1

Posted: Fri Apr 01, 2016 8:54 am
by dimumurray
Guide line append um - the nodes that make up clip paths and masks are also counted as points.

Re: Vector Art Optimization Challenge #1

Posted: Fri Apr 01, 2016 9:00 am
by Lazur
SVG Image

18 points.

Re: Vector Art Optimization Challenge #1

Posted: Fri Apr 01, 2016 9:01 am
by dimumurray
Lazur URH wrote:SVG Image

27 points.


Loaded the svg up in inkscape and found 63 points.

Re: Vector Art Optimization Challenge #1

Posted: Fri Apr 01, 2016 9:04 am
by Lazur
dimumurray wrote:Guide line append um - the nodes that make up clip paths and masks are also counted as points.


Hmm then recalculating...

or
should it be calculated with and without clippint paths?

Re: Vector Art Optimization Challenge #1

Posted: Fri Apr 01, 2016 9:06 am
by dimumurray
Lazur URH wrote:SVG Image

18 points.


Checked this one too (clip-path nodes counted) and got 45 nodes (not 18). Its an improvement though.

Re: Vector Art Optimization Challenge #1

Posted: Fri Apr 01, 2016 9:12 am
by Lazur
So with less clipping.

31 points.

SVG Image

Re: Vector Art Optimization Challenge #1

Posted: Fri Apr 01, 2016 9:20 am
by dimumurray
Lazur URH wrote:So with less clipping.

31 points.

SVG Image


Tested and got 31 points. I'm impressed! I was hoping others would join in before making a submission of my own but I'll get started on mine and see how well I can do.

Re: Vector Art Optimization Challenge #1

Posted: Fri Apr 01, 2016 9:26 am
by Lazur
Thank's!

To be honest it isn't an exact match but "close enough"...

Re: Vector Art Optimization Challenge #1

Posted: Fri Apr 01, 2016 9:42 am
by Lazur
30 points.

SVG Image

Re: Vector Art Optimization Challenge #1

Posted: Fri Apr 01, 2016 9:57 am
by Lazur
29 points.

SVG Image

Re: Vector Art Optimization Challenge #1

Posted: Fri Apr 01, 2016 10:01 am
by Lazur
What about using clones?
Then it could all be reduced to 3 points only...

SVG Image

Re: Vector Art Optimization Challenge #1

Posted: Fri Apr 01, 2016 11:39 am
by Moini
29 is my minimum, too. Time to check Lazur's solution :)

https://framadrive.org/index.php/s/JXiiq1NIZVWuo9P

Edit:
Shadow: 6
Grey area: 6
Bright grey: 6
Green: 5
Brown: 6

No clips, but a gradient.

Re: Vector Art Optimization Challenge #1

Posted: Fri Apr 01, 2016 11:46 am
by dimumurray
Best I could do (so far) was 30 points:

- 6 nodes (hexagon) for clipping path
- 3 nodes (triangle) for grass/green area
- 3 nodes (triangle) for earth/brown area
- 6 nodes (2 separate triangles) for tinted overlays
- 6 nodes for beige/off-white border
- 6 nodes for dark gray tarmac

SVG Image

Re: Vector Art Optimization Challenge #1

Posted: Fri Apr 01, 2016 3:43 pm
by hulf2012
Hello
Without counting the nodes for the gradient (good idea Moini), I count 28 nodes in my proposal. I managed to use the central black shape and the beige shape as one putting the beige as stroke. With the nodes of the gradient, they will become 32.

SVG Image

I've also optimized the SVG, and erased some style code, so the size is around 1.1kb. The original has 1.6kb :ugeek: Too much fat kilobytes!

Re: Vector Art Optimization Challenge #1

Posted: Fri Apr 01, 2016 4:19 pm
by Lazur
Nice idea with the stroke and the gradient!

With those I could reduce it to 17 points.

SVG Image

Re: Vector Art Optimization Challenge #1

Posted: Fri Apr 01, 2016 5:24 pm
by Espermaschine
You people should add your names to the files you post !

Re: Vector Art Optimization Challenge #1

Posted: Fri Apr 01, 2016 5:59 pm
by Lazur
16 points:

SVG Image

Re: Vector Art Optimization Challenge #1

Posted: Sat Apr 02, 2016 2:06 am
by dimumurray
Revised the rules to take gradients into consideration.

Re: Vector Art Optimization Challenge #1

Posted: Sat Apr 02, 2016 2:17 am
by hulf2012
dimumurray wrote:Revised the rules to take gradients into consideration.


Whaaat? nooo :P ... oh well 32 points then!... and what about cloning?

Re: Vector Art Optimization Challenge #1

Posted: Sat Apr 02, 2016 2:47 am
by dimumurray
hulf2012 wrote:
dimumurray wrote:Revised the rules to take gradients into consideration.


Whaaat? nooo :P ... oh well 32 points then!... and what about cloning?


Forgot about that one. I guess to keep the playing field level, clones should be counted as duplicates of the original shape - so multiply the number of clones by the nodes in the template to get the count.

So many things to consider...I'll probably have to revise the rules several times to cover all contingencies. Still, its great seeing the different approaches and the trade-offs that arise with each one.

Oh...anyone with ideas for the next challenge?

Re: Vector Art Optimization Challenge #1

Posted: Sat Apr 02, 2016 2:59 am
by Lazur
But that's technically not a duplicant, only parent nodes/points are stored.
Would be better state as a rule not to use cloning at all, instead counting each clone's geometry a new one.