1

Topic: [TUTORIAL] Decrease the size of your maps.

Today, I will show you how to decrease the size of your maps. First, download this PNG Optimizer (that is a dead giveaway of what I am suggesting...

.ZIP Version
.RAR Version

Anyways...after downloading and extracting, use it on your custom tilesets.

One example of a good use of this would be with icemain.png, by Teeminator.

The file before compression is 36,864 bytes

http://worldofeverything.com/_icemain.png

After compression, the file is 28,672 bytes

http://worldofeverything.com/icemain.png

As you can see, there is no change in quality of the png, while the second file is 78% of the original. The results will vary depending on the file itself, and the program used to make it. I hope you found this useful. I look forward to waiting less time in map downloads as a result of people using this!

<? php echo "Magix"; ?>
------------------------------------------------
Tee-City <--------- The one Teeworlds site to rule them all!

2

Re: [TUTORIAL] Decrease the size of your maps.

Wow, I will try this when I get home.

Hooker's collection of the most Tee-ish skins!
http://www.teeworlds.com/forum/viewtopic.php?pid=39896

3 (edited by Landil 2009-03-19 09:33:41)

Re: [TUTORIAL] Decrease the size of your maps.

What about alpha channel?
I mean have you read this thread before http://www.teeworlds.com/forum/viewtopic.php?id=2747?


edit: i checked your pngs with xnview, and first the alpha layer is white, after conversion it's black ... So please don't use it, you will get problems with the alpha layer. And please use the dilate and border_tileset_fix utilities before you post a new tileset.

Antoine de Saint Exupéry: It seems that perfection is reached not when there is nothing left to add, but when there is nothing left to take away.
Besides -  I am the gfx guy!

4

Re: [TUTORIAL] Decrease the size of your maps.

Simpler : Smush.it

faq wrote:

What crushing tools does Smush.it use to make files smaller?

Stoyan found in his research that there are many good tools for crushing images. Often, these tools are specific to a particular image format, or work much better in certain circumstances and less so in others. To smush really means to try many different crushing algorithms and figure out which one gives the best result.

We are currently using:

   1. ImageMagick to identify the image type and to convert GIFs to PNG.
   2. pngcrush to strip unneeded chunks from PNGs. We're currently experimenting with other PNG tools such as pngout, optipng, pngrewrite that will allow for even better png optimization.
   3. jpegtran to strip all meta data from JPEGs (currently disabled) and try progressive JPEGs.
   4. gifsicle to optimize GIF animations by striping repeating pixels in different frames.

5

Re: [TUTORIAL] Decrease the size of your maps.

Landil wrote:

What about alpha channel?
I mean have you read this thread before http://www.teeworlds.com/forum/viewtopic.php?id=2747?


edit: i checked your pngs with xnview, and first the alpha layer is white, after conversion it's black ... So please don't use it, you will get problems with the alpha layer. And please use the dilate and border_tileset_fix utilities before you post a new tileset.

That link is for a hidden forum, Landil tongue

I'll quote the answer:

teetow wrote:

Don't use it. It undoes what dilate / borderfix does, and we'll have the background bleed issues again.

Make sure you use an imageviewer that can toggle the alpha layer (XNView on Windows) so you can double-check the "invisible" areas.

http://teetow.com/pics/comparison.png

It will screw up your tilesets big-time.

Official Teeworlds map developer and community moderator
Administrator for the Teeworlds community Teesites

6

Re: [TUTORIAL] Decrease the size of your maps.

Chi11y wrote:

That link is for a hidden forum, Landil tongue

Oooops

Antoine de Saint Exupéry: It seems that perfection is reached not when there is nothing left to add, but when there is nothing left to take away.
Besides -  I am the gfx guy!

7 (edited by Coold0wn 2009-03-19 19:06:12)

Re: [TUTORIAL] Decrease the size of your maps.

why can u watch the hidden forum but me?
xD

«Honor øf Tees»
hot.bplaced.net/forum
We still search good Members

8

Re: [TUTORIAL] Decrease the size of your maps.

Oh. Well then..don't use it.

I don't know though, I made a map with the tileset, it seems fine.

<? php echo "Magix"; ?>
------------------------------------------------
Tee-City <--------- The one Teeworlds site to rule them all!