Vector Art Optimization Challenge #1

Vote or enter in Inkscapeforum.com competitions.
dimumurray
Posts: 28
Joined: Sat Feb 27, 2016 2:55 am

Vector Art Optimization Challenge #1

Postby dimumurray » Fri Apr 01, 2016 7:55 am

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?
Last edited by dimumurray on Sat Apr 02, 2016 2:05 am, edited 5 times in total.

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Vector Art Optimization Challenge #1

Postby Lazur » Fri Apr 01, 2016 8:10 am

Nice!

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

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Vector Art Optimization Challenge #1

Postby Lazur » Fri Apr 01, 2016 8:28 am

Here goes my two cents:

SVG Image

35 nodes.

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Vector Art Optimization Challenge #1

Postby Lazur » Fri Apr 01, 2016 8:45 am

SVG Image

27 points.

dimumurray
Posts: 28
Joined: Sat Feb 27, 2016 2:55 am

Re: Vector Art Optimization Challenge #1

Postby dimumurray » Fri Apr 01, 2016 8:54 am

Guide line append um - the nodes that make up clip paths and masks are also counted as points.

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Vector Art Optimization Challenge #1

Postby Lazur » Fri Apr 01, 2016 9:00 am

SVG Image

18 points.

dimumurray
Posts: 28
Joined: Sat Feb 27, 2016 2:55 am

Re: Vector Art Optimization Challenge #1

Postby dimumurray » Fri Apr 01, 2016 9:01 am

Lazur URH wrote:SVG Image

27 points.


Loaded the svg up in inkscape and found 63 points.

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Vector Art Optimization Challenge #1

Postby Lazur » Fri Apr 01, 2016 9:04 am

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?

dimumurray
Posts: 28
Joined: Sat Feb 27, 2016 2:55 am

Re: Vector Art Optimization Challenge #1

Postby dimumurray » Fri Apr 01, 2016 9:06 am

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.

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Vector Art Optimization Challenge #1

Postby Lazur » Fri Apr 01, 2016 9:12 am

So with less clipping.

31 points.

SVG Image

dimumurray
Posts: 28
Joined: Sat Feb 27, 2016 2:55 am

Re: Vector Art Optimization Challenge #1

Postby dimumurray » Fri Apr 01, 2016 9:20 am

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.

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Vector Art Optimization Challenge #1

Postby Lazur » Fri Apr 01, 2016 9:26 am

Thank's!

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

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Vector Art Optimization Challenge #1

Postby Lazur » Fri Apr 01, 2016 9:42 am

30 points.

SVG Image

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Vector Art Optimization Challenge #1

Postby Lazur » Fri Apr 01, 2016 9:57 am

29 points.

SVG Image

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Vector Art Optimization Challenge #1

Postby Lazur » Fri Apr 01, 2016 10:01 am

What about using clones?
Then it could all be reduced to 3 points only...

SVG Image

Moini
Posts: 3381
Joined: Mon Oct 05, 2015 10:44 am

Re: Vector Art Optimization Challenge #1

Postby Moini » Fri Apr 01, 2016 11:39 am

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.
Last edited by Moini on Fri Apr 01, 2016 11:55 am, edited 2 times in total.
Something doesn't work? - Keeping an eye on the status bar can save you a lot of time!

Inkscape FAQ - Learning Resources - Website with tutorials (German and English)

dimumurray
Posts: 28
Joined: Sat Feb 27, 2016 2:55 am

Re: Vector Art Optimization Challenge #1

Postby dimumurray » Fri Apr 01, 2016 11:46 am

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

hulf2012
Posts: 716
Joined: Sat Nov 24, 2012 12:37 pm

Re: Vector Art Optimization Challenge #1

Postby hulf2012 » Fri Apr 01, 2016 3:43 pm

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!
If you have problems:
1.- Post a sample (or samples) of your file please.
2.- Please check here:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html
3.- If you manage to solve your problem, please post here your solution.

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Vector Art Optimization Challenge #1

Postby Lazur » Fri Apr 01, 2016 4:19 pm

Nice idea with the stroke and the gradient!

With those I could reduce it to 17 points.

SVG Image

User avatar
Espermaschine
Posts: 892
Joined: Thu Jun 05, 2014 9:10 pm

Re: Vector Art Optimization Challenge #1

Postby Espermaschine » Fri Apr 01, 2016 5:24 pm

You people should add your names to the files you post !

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Vector Art Optimization Challenge #1

Postby Lazur » Fri Apr 01, 2016 5:59 pm

16 points:

SVG Image

dimumurray
Posts: 28
Joined: Sat Feb 27, 2016 2:55 am

Re: Vector Art Optimization Challenge #1

Postby dimumurray » Sat Apr 02, 2016 2:06 am

Revised the rules to take gradients into consideration.

hulf2012
Posts: 716
Joined: Sat Nov 24, 2012 12:37 pm

Re: Vector Art Optimization Challenge #1

Postby hulf2012 » Sat Apr 02, 2016 2:17 am

dimumurray wrote:Revised the rules to take gradients into consideration.


Whaaat? nooo :P ... oh well 32 points then!... and what about cloning?
If you have problems:
1.- Post a sample (or samples) of your file please.
2.- Please check here:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html
3.- If you manage to solve your problem, please post here your solution.

dimumurray
Posts: 28
Joined: Sat Feb 27, 2016 2:55 am

Re: Vector Art Optimization Challenge #1

Postby dimumurray » Sat Apr 02, 2016 2:47 am

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?

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Vector Art Optimization Challenge #1

Postby Lazur » Sat Apr 02, 2016 2:59 am

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.


Return to “Competitions”