• Welcome to SC4 Devotion Forum Archives.

JPG compression, The how-to's to save space and keep the picture looking good

Started by rickmastfan67, October 26, 2007, 03:31:22 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

rickmastfan67

Hey guys.  I thought I would write up something like this because I've seen several pictures that some of you guys have taken in SC4 or pictures you've created yourself that are over 500k.  To be honest, you don't have to have images that big in file size.  Some of you think that the higher the quality, the better.  That's true in some cases.  Sometimes you need an un-compressed JPG for something (Example: a NR2003 template shouldn't be compressed before you render it in 3dsMax, however, the final product that you get from rendering can be).  Other times, you don't (like in a forum post).  Plus, if you can even compress the image just a tad, dial-up users around the world will thank you (I'm one of them connecting @ 26.4Kbps).

Here in this post, I'll be showing you 2 ways on how to compress your images, and still keep the quality looking as close as possible to an uncompressed image.  So, let's begin guys. ;)

NOTE: The ways I'm showing you guys how to do it is in Paint Shop Pro 7.  Other programs might do it a tad differently, so look around at your options in the program to find out how to do it in it.

=====

First, we'll go the simple way.

1. To start, you'll want to have an image you've just taken in SC4 that's on your clipboard via the Print-Screen button like so. (I'll use my personal NR2003 car as an example.)


2. Next, you hit the F12 button to open the "Save As" feature (might be different on your program), and find "JPG" in the "Save as Type" area.


3. Now find the "Options" button and click it. (I highlighted it in red)


4. An option window should now have popped up similar to below.


5. Now, you see the "Compression Factor" area.  Change the 1 (or whatever it might be set at) to a setting of 12.


6. After you have done that, hit the "OK" button and you'll be taken back to the "Save As" screen.  Now save the image where you want to save it like you normally would.  And that's all you have to compress your JPG this way.

Bonus: Now, here's a real example of how the JPG compressing works.  Here's the #67 car of mine you saw in step one saved @ compression setting 1, @ compression setting 12, and @ compression setting 18.

File size @ compression setting 1: 296 KB (303,926 bytes)


File size @ compression setting 12: 129 KB (132,509 bytes)


File size @ compression setting 18: 105 KB (107,820 bytes)


That's a savings of 167KB between 1 and 12, and a savings of 191KB between 1 and 18!!!  And they look practically the same.  The only way you could see a difference between all 3, is if you saved all three and then opening them up in separate windows, then zoomed in a ton, and then compared.  Now, the higher the number in the compression setting, the worse the picture is going to get.  So, you mostly will want to go no lower than 20 unless you can't help it.

=====

Now, onto the second way of doing this.

We're going to pick up again right after step 1.

2. Go into "File".  Find "Export", and then "JPEG Optimizer".


3. Now, something like this below should now have popped up.


4. Change the "Set compression value" to 12.


5. Now click on the "Format" tab. (highlighted below)


6. Now select the type of format you want, Standard or Progressive.  The Progressive type can sometimes save you a few extra KB, but not always.


7. Click OK and now save the image where you want to save it on your computer. 

Now, doing it this way will take you a tad longer; however, you do get a preview of what the final image will look like, unlike the quick way I showed first.  But the images will come out the same size both ways as long as you select the same settings.


Well, that concludes this How-To on JPG compression.  I hope you guys found it useful and will put it to good use to help cut down unnecessary file size that you load some of your images up with.

If you have any comments or questions about this, please, don't hesitate to make a post here.  I'll help you out if ya need it. ;)
-- James Mast, aka: rickmastfan67
Painter/Public Relations at: Masgrafx Racing.

Check out the 9/11/01 Car Set Checklist.

Take a look @ the JPG Compression tutorial.  A must read to help cut away unnecessary file size from 500k+ images to help dial-up users out.

jeronij

Thanks for sharing this technique rick  :thumbsup:


I use it often, and it is really useful  ;)
I am currently not active - Please, contact Tarkus for any site related matter. Thanks for enjoying SC4D :D


Autism Awareness;  A Father Shares
Mallorca My Mayor Diary


rickmastfan67

Glad to be of service.

And for you 500k+ picture posters, even if you compress to setting 5, you'll be saving a good chunk of space and will hep out out dial-up users.  Any reduction in KB will help us big time, even if it's only 50k. :thumbsup:
-- James Mast, aka: rickmastfan67
Painter/Public Relations at: Masgrafx Racing.

Check out the 9/11/01 Car Set Checklist.

Take a look @ the JPG Compression tutorial.  A must read to help cut away unnecessary file size from 500k+ images to help dial-up users out.

Chrisadams3997

Woohoo, another PSP7 user!  I've actually got the Jpeg optimizer added to my standard toolbar ;), saves me a few clicks.

Shadow Assassin

Might want to also point out that in certain situations, PNG files are actually much more efficient at keeping file sizes down than JPEGs (and they're lossless too). When dealing with images such as signs, which only have a few colours, PNG is often the better way to go. But for everyday shots, such as SC4 pics, JPEG is a must.
New Horizons Productions
Berethor ♦ beskhu3epnm ♦ blade2k5 ♦ dedgren ♦ dmscopio ♦ Ennedi
emilin ♦ Heblem ♦ jplumbley ♦ moganite ♦ M4346 ♦ papab2000
Shadow Assassin ♦ Tarkus ♦ wouanagaine
See my uploads on the LEX!

rickmastfan67

Quote from: Shadow Assassin on October 31, 2007, 05:23:56 AM
Might want to also point out that in certain situations, PNG files are actually much more efficient at keeping file sizes down than JPEGs (and they're lossless too). When dealing with images such as signs, which only have a few colors, PNG is often the better way to go. But for everyday shots, such as SC4 pics, JPEG is a must.

Yes, I fully agree with you there SA.  PNG's are good some for somethings and bad for others.  Here's a quick example on that subject:

NOTE: This is a logo re-creation that I did of a logo.  I DID NOT MAKE THE ORIGINAL one that is used on their product.

Logo in JPG format is 123 KB (126,080 bytes) @ Compression setting 1:


Logo in PNG format is 90.7 KB (92,959 bytes):


Now, as SA said above, PNG FORMAT IS NOT WHAT YOU WANT TO SAVE YOUR SC4 IMAGES IN.  JPG format is what you want to use.
-- James Mast, aka: rickmastfan67
Painter/Public Relations at: Masgrafx Racing.

Check out the 9/11/01 Car Set Checklist.

Take a look @ the JPG Compression tutorial.  A must read to help cut away unnecessary file size from 500k+ images to help dial-up users out.

dragonshardz


rickmastfan67

Quote from: dragonshardz on November 01, 2007, 06:18:23 PM
What about those of us who only have Microsoft Paint?

I recomend saving the image as a PNG in MS Paint and then convert it to JPG the way Vester mentions in this post:
http://sc4devotion.com/forums/index.php?topic=2764.msg86356#msg86356
-- James Mast, aka: rickmastfan67
Painter/Public Relations at: Masgrafx Racing.

Check out the 9/11/01 Car Set Checklist.

Take a look @ the JPG Compression tutorial.  A must read to help cut away unnecessary file size from 500k+ images to help dial-up users out.

Andreas

Quote from: dragonshardz on November 01, 2007, 06:18:23 PM
What about those of us who only have Microsoft Paint?

You can download IrfanView, XNView or The GIMP, which are all freeware and do a lot better than MS Paint.
Andreas

dragonshardz

I got IrfanView, but I have yet to set it up. Is there a specific way I have to convert/compress the .PNG's, or can the tutorial already posted be adapted to IrfanView?

rickmastfan67

Quote from: dragonshardz on November 02, 2007, 08:57:40 PM
I got IrfanView, but I have yet to set it up. Is there a specific way I have to convert/compress the .PNG's, or can the tutorial already posted be adapted to IrfanView?

I don't know.  I do all of my image editing inside of PSP7.  However, if you can tell me how big the download is, I'll consider downloading it and seeing if I can add the process to my tutorial above.
-- James Mast, aka: rickmastfan67
Painter/Public Relations at: Masgrafx Racing.

Check out the 9/11/01 Car Set Checklist.

Take a look @ the JPG Compression tutorial.  A must read to help cut away unnecessary file size from 500k+ images to help dial-up users out.

vester

Open the image in Irfanview, click s (save as) or ctrl + s.(save) Go down in the fileformat and pick out jpg (you could press j twice in the roll down).
Most of the time I save with the setting Save quality to 60 pro cent.

Really nothing to it.

dragonshardz

k, thanks guys. oh and the dl is...

<wanders off to check>

... 1.10 MB. So this tutorial is basic, general, and should work with any image editing program beyond MS Paint. Good, now it won't take forever and a day to upload pics.

SimRabbit123

Photoshop can also do that.

Just save your image/picture to "Save to Web".
It works really great  :thumbsup: