Explore GameReplays...

Graphics

Tutorial: Optimizing Images With Photoshop Or Gimp

Reply to this topic Start new topic
# 1Maniac Mar 17 2005, 05:29 AM
Here's a quick tutorial on how to get sigs under 50kb.

First i present an example signature image.

Notice that this unoptimized signature is at 90.2 KB. Once resized it till be well under 25kb without any loss of quality.


Attached image(s)
Attached Image

+
# 2Maniac Mar 17 2005, 05:34 AM
Now we start the optimization process. Open up the image in photoshop.

First we head to the File menu, and click on Save for Web


Attached image(s)
Attached Image

+
# 3Maniac Mar 17 2005, 05:36 AM
Now in the Save for Web dialog, select the options to match the image below.

Jpeg
Quality - 60
Blur - 0
No Matte
Optimized = Check
Progressive = Check


Attached image(s)
Attached Image

+
# 4Maniac Mar 17 2005, 05:39 AM
Make sure you have selected the Optimized Tab as shown below. This shows you how the image looks with your Quality setting.


Attached image(s)
Attached Image

+
# 5Maniac Mar 17 2005, 05:39 AM
Now if you look at the bottom left corner of the Save for Web dialog box, you`ll see the image size once its optimized and saved.


Attached image(s)
Attached Image

+
# 6Maniac Mar 17 2005, 05:42 AM
Now click save, and save the image and then upload it to cncreplays.

For comparison, here are the two images next to each other. Notice the quality is still more or less the same.

The first one is the optimized version, at 21.8kb , well under the 50kb limit.
The second one is the original one posted on this website at 90.2kb


Attached image(s)
Attached Image Attached Image

+
# 7Maniac Mar 17 2005, 05:43 AM
If you have any questions, post them here.

+
# 8Lateralus Mar 17 2005, 07:30 AM
For those of you that doesn't have Photoshop, you can use the program GIMP. It's a 100% free program and has almost all the features of Photoshop. Give it a try and you'll love it!!

Here a tutorial on how to perform the same procedure using GIMP:


1) Go to Save as...

user posted image

Posts: 7,451

Clan: Teh Admins

Game: Supreme Commander


+
# 9Lateralus Mar 17 2005, 07:32 AM
2) The following screen will appear. Just click on Save or if you want to rename, change the filename.

user posted image

Posts: 7,451

Clan: Teh Admins

Game: Supreme Commander


+
# 10Lateralus Mar 17 2005, 07:35 AM
3) GIMP now will show the standard screen for saving jpg's. From here, press Advanced options.

user posted image

Posts: 7,451

Clan: Teh Admins

Game: Supreme Commander


+
# 11Lateralus Mar 17 2005, 07:37 AM
4) A screen will appear that looks very simliar to the one we saw at Photoshop. Just enter the options like we did with Photoshop and click on Save.

user posted image

Posts: 7,451

Clan: Teh Admins

Game: Supreme Commander


+
# 12Lateralus Mar 17 2005, 07:38 AM
Here's the final result. The filesize is now 15.17 KB (15531 bytes). There are no apparent differences to be find. There IS a difference. But just hardy noticeable to the naked eye.

user posted image
user posted image

This post has been edited by Lateralus: Mar 17 2005, 07:50 AM

Posts: 7,451

Clan: Teh Admins

Game: Supreme Commander


+
# 13Drakey Mar 17 2005, 08:56 AM
lol i cinsider myself a fairly goos sig maker and still i didnt know that, thx m8 this has helped biggrin.gif

Posts: 2,620


+
# 14Soundwave Mar 17 2005, 09:44 AM
yeah i got one my sigs are often verry fuzzy howcome ??? i want to get hard collors to unsure.gif ohmy.gif

Posts: 1,752

Game: Graphics


+
# 15lil9 Mar 17 2005, 11:12 AM
Cool tut

When i check the Progressive, the Optimized becomes unchecked and uncheckable. Is that ment to happen?

Posts: 461

Game: CNC Zero Hour


+
# 16Vendetta Mar 17 2005, 12:18 PM
That is really good thanks fir showing it to us guys. smile.gif

Posts: 3,930

Game: Call of Duty 4


+
# 17OmegaSt0rm Mar 17 2005, 12:33 PM
Well now members have a solution around the 50kb signature limit =).

-OmegaSt0rm

P.S. Great job Maniac/Lateralus.

Posts: 1,937


+
# 18Nubbe Mar 17 2005, 13:59 PM
Is there any simular way to reduce sigs with animations?

Posts: 1,776

Game: CNC Generals


+
# 19Lateralus Mar 17 2005, 14:08 PM
QUOTE(Nubbe @ Mar 17 2005, 03:58 PM)
Is there any simular way to reduce sigs with animations?
*




Not sure. If you have the original source file of your sig, send it to me and I'll see what I can do smile.gif.



(pro sig btw)


[edit]:
Here is what I've done to it using GIMP and www.gifworks.com. I can't lower the filesize unless the color was reduced and the image was resized and cropped. This is the best I can do for now. The letters are now kinda fuzzy. You can still use GIMP though and try and touch up the letters. Hope this is good enough sad.gif.
http://www.gamereplays.org/community/index...4080&#entry4080

This post has been edited by Lateralus: Mar 17 2005, 23:03 PM

Posts: 7,451

Clan: Teh Admins

Game: Supreme Commander


+
# 20MxSuPeRfLy Mar 17 2005, 22:27 PM
yo can u provide a link for GIMP dude??

Posts: 4,585

Clan: -FaKe|

Game: Graphics


+

1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)