Author Message

minahope

Rank 3
minahope
Joined
03 Dec 2009
Posts
1084
Location
Outside Ghosts Window In The United States
PostedJan 20, 2013 9:51 pm   Last edited by minahope on Aug 13, 2014 3:43 am. Edited 3 times in total

Guide - Lowering KB size.

Updated: August 12th 2014.
Hello everyone, Alice here with a simple guide for lowering KB size! I made this guide originally awhile back, however it's super outdated and I felt like a revamp! This was originally meant for new signature makers, but it's useful none the less. This will generally be the most useful for GIMP/PS users as I do not use Paint.net, but it shouldn't be far off from anything there either. So without further ado, here we go~!

  • What is a KB?

In short, if you go over to an image and click it, you should see a small bar at the bottom, with various different things. The only thing you really need to worry about here is this:



The Dimensions and the Size are pretty much all that matters for this. Refer to this for Dimension and KB size limits. The Dimensions are the overall width and height of the image and the Size is the KB size. As you can see, the KB is quite a bit over the limit in this screenshot. Which is exactly what I'm going to show you how to fix!

  • Here are some commonly used extensions for signatures.


  • JPEG/JPG
  • PNG
  • GIF (Only really used for animations)


There are several ways to lower your KB size, I'll go down a few now:

  • JPEG/JPG


So, here is my example KB signature:




As you can tell it's over the KB limit. A relatively easy way to fix this is simply changing your extension from .PNG to .JPEG/.JPG. (JPG/JPEG signatures cannot hold transparency, so it is not recommended to use this method if you have a pop out signature or anything using transparency.) JPEG/JPG also slightly lowers the quality, but you can't tell for the most part. Here is the signature changed to JPG format:



  • Posterize

This method is most commonly used. You take your original image:



And then you simply go to Colors > Posterize. Here is where the change happens. You'll be able to change the number of colors used (Don't worry, as this doesn't make a big difference.) Simply type in a number (Generally around 30-60. I used 35 for this one.) and press ok, then save. The kb should be reduced quite a bit like so:



  • GIF


Now, GIF is commonly used for animations only, but some people decide to use it for compression aswell. However, saving it to a .GIF extension may lower kb, but your quality drops with it. I don't recommend saving as GIF unless it's an animation.



From PNG to GIF



(Quality doesn't look too bad here, but that's because of the color palette used.)

  • Editing the overall dimensions.


While this does normally lower KB size, unless you like to make quite small signatures, I wouldn't recommend this. (For example: The dimensions are 410x200 and you resize it to 300x120.)

  • Popouts/Fancy borders


For these, I'd use .PNG because .JPEG/.JPG cannot hold transparency. Then just use the posterize method. I'd only recommend using .GIF if the popout has animations.



That's about it for now. Hopefully this helps c: I edited it because it looked like poo from before LOL. Hope it's more simple now c:
Advertisement

Necromanceress

Rank 3
Necromanceress
Joined
11 Mar 2011
Posts
1384
Location
Reality, United States
PostedJan 20, 2013 10:19 pm
Thank you! I didn't know you can do a popout using JPEG :3

LittlexNeko

Rank 4
LittlexNeko
Joined
12 Dec 2009
Posts
2137
Location
United States
PostedJan 21, 2013 12:27 am
Necromanceress wrote:
Thank you! I didn't know you can do a popout using JPEG :3  


Popout can only be in png, if you put a popout in
jpg/jpeg the background will turn out white.
Here is a tutorial to help you reduce the kb size;
( CAN BE USED WITH PS/GIMP USERS ) [ Clicky Here ]
For gimp you need to use this method [ Clicky Here ]
**Almost the same way as photoshop**

Necromanceress

Rank 3
Necromanceress
Joined
11 Mar 2011
Posts
1384
Location
Reality, United States
PostedJan 21, 2013 3:22 pm
LittlexNeko wrote:

Popout can only be in png, if you put a popout in
jpg/jpeg the background will turn out white.
Here is a tutorial to help you reduce the kb size;
( CAN BE USED WITH PS/GIMP USERS ) [ Clicky Here ]
For gimp you need to use this method [ Clicky Here ]
**Almost the same way as photoshop**  


Thank's for the tutorial Very Happy I'll try it out because my signatures are always over 120kb ;A;

Synith.

Rank 0
Synith.
Joined
13 May 2012
Posts
193
Location
Failifornia, United States
PostedJan 26, 2013 2:32 am
Nice guide!
Hopefully people can work with this to reduce the distorion in their signatures.

I personally cant stand JPEG so I make smaller signatures and keep PNG. They look pretty nice imo. My current sig is one I made, I might open a shop - still contemplating though. Smile

I make my own signatures. And yes I can make you one, but they aren't free. Inbox me if you'd like to work something out. :)

TheBlackFencer

Rank 0
TheBlackFencer
Joined
11 Aug 2012
Posts
53
Location
That place, Over there. Saudi Arabia
PostedJan 26, 2013 8:11 am
Awesome guide o/ Really helpful :3
If I may add,

There is another way to reduce the file size of .png images without affecting the quality (I haven't noticed a difference).
When you're done making your signature, Just use 'Save As', Select .png as your format and do this -

**(This screenshot is NOT an example)**




-Can't take Screenshots like normal people- Q~Q
Dun judge me D:


It reduces the size drastically.

Edit: Here~

354Kb


116Kb

Still ALMOST at the limit. Well anything we can do to keep it below right? :c

Necromanceress

Rank 3
Necromanceress
Joined
11 Mar 2011
Posts
1384
Location
Reality, United States
PostedJan 27, 2013 12:58 pm
TheBlackFencer wrote:
Awesome guide o/ Really helpful :3
If I may add,

There is another way to reduce the file size of .png images without affecting the quality (I haven't noticed a difference).
When you're done making your signature, Just use 'Save As', Select .png as your format and do this -

**(This screenshot is NOT an example)**
 

When I save as PNG the compression does not come up as a choice Surprised

TheBlackFencer

Rank 0
TheBlackFencer
Joined
11 Aug 2012
Posts
53
Location
That place, Over there. Saudi Arabia
PostedJan 27, 2013 1:12 pm
Necromanceress wrote:
TheBlackFencer wrote:
Awesome guide o/ Really helpful :3
If I may add,

There is another way to reduce the file size of .png images without affecting the quality (I haven't noticed a difference).
When you're done making your signature, Just use 'Save As', Select .png as your format and do this -

**(This screenshot is NOT an example)**
 

When I save as PNG the compression does not come up as a choice Surprised  


Hmm, I'll look into that. I'm using CS6 btw o:
Try this... It's better.
Use the 'Save For Web' option and do this...



Check this out.



40 kb o/ But there is a slight change in quality. I think. I'm sleepy Q.Q

Necromanceress

Rank 3
Necromanceress
Joined
11 Mar 2011
Posts
1384
Location
Reality, United States
PostedJan 27, 2013 1:16 pm
TheBlackFencer wrote:
Necromanceress wrote:
TheBlackFencer wrote:
Awesome guide o/ Really helpful :3
If I may add,

There is another way to reduce the file size of .png images without affecting the quality (I haven't noticed a difference).
When you're done making your signature, Just use 'Save As', Select .png as your format and do this -

**(This screenshot is NOT an example)**
 

When I save as PNG the compression does not come up as a choice Surprised  


Hmm, I'll look into that. I'm using CS6 btw o:
Try this... It's better.
Use the 'Save For Web' option and do this...



Check this out.



40 kb o/ But there is a slight change in quality. I think. I'm sleepy Q.Q  


Ah I see...I'm using CS5 so it might be different.

TheBlackFencer

Rank 0
TheBlackFencer
Joined
11 Aug 2012
Posts
53
Location
That place, Over there. Saudi Arabia
PostedJan 27, 2013 1:19 pm
Necromanceress wrote:

Ah I see...I'm using CS5 so it might be different.
 


I have CS5 on my Sis's lappy. Checking it out :3

Display posts from previous:   Sort by: