Resources and Support
 Pixel Joint Forum : The Lounge : Resources and Support
Message Icon Topic: Shrink Pixel Art? Post Reply Post New Topic
Author Message
8BitAce
Seaman
Seaman


Joined: 18 May 2011
Online Status: Offline
Posts: 2
Quote 8BitAce Replybullet Topic: Shrink Pixel Art?
    Posted: 18 May 2011 at 8:27pm
Im sorry if this has been asked before; I had no clue what I would search.

Anyway this is my situation:
I volunteered to convert a logo to 8bit and everything was going fine until I realized that the person wanted to use it as a Twitter profile pic. When I tried rescaling my work down to the size of Twitter profile pics I lost all hard edges and it didnt look "pixely" anymore.
So basically my question is how to create pixel art on a small scale while retaining the pixel art style.

If Im being unclear I'm sorry, its late...

Thanks!
IP IP Logged
tanuki
Commander
Commander
Avatar

Joined: 01 April 2014
Online Status: Offline
Posts: 333
Quote tanuki Replybullet Posted: 18 May 2011 at 9:02pm
This may not 100% help in your specific case, but in general this is how things are done in photoshop. I don't know about other programs, but most of this does apply to any program.

If you're enlarging an image- In the Image Size window make sure that "resample image" has been set to "nearest neighbor (preserve hard edges)" and then increase the pixel dimensions by an exact multiple. For example, 2x, 3x, 4x, etc. So something 50x50 could become 100x100 or 150x150 or 5000x5000, as long as it's an exact multiple.

To shrink an image you do the same thing, but divide it by an exact even amount. So 100x100 could be cut in half to be 50x50, or in quarters to be 25x25, but not in thirds because that wouldn't be an exact 33x33. If you shrink an image, unless it was already enlarged to begin with and you just divided it by the same amount it had been enlarged by, you're going to lose information/pixels. That means curved lines might not be very smooth, tiny details might be lost, etc. Dividing by a non-exact amount is possible, it just guarantees that you'll have some/worse rough lines and such afterwards. That's just how it is, but of course you can redraw and correct such things after shrinking it. Doing things this way will at least prevent the computer from making the image become fuzzy and adding unwanted colors.




Edited by tanuki - 18 May 2011 at 9:03pm
IP IP Logged
cure
Commander
Commander
Avatar

Joined: 23 March 2022
Online Status: Offline
Posts: 2859
Quote cure Replybullet Posted: 19 May 2011 at 6:10pm
pixel art is naturally small. create it at the native scale if you want it small. if you want the square pixels to show then make it really small then enlarge it.
IP IP Logged
jeremy
Rear Admiral
Rear Admiral
Avatar

Joined: 25 November 2024
Location: New Zealand
Online Status: Offline
Posts: 1704
Quote jeremy Replybullet Posted: 19 May 2011 at 9:50pm
twitter may also automatically jpeg stuff, I know facebook does.
IP IP Logged
8BitAce
Seaman
Seaman


Joined: 18 May 2011
Online Status: Offline
Posts: 2
Quote 8BitAce Replybullet Posted: 20 May 2011 at 7:59pm
Thanks for the replies! It looks a lot better now! And yes twitter does not support bmp, only formats like png :(
IP IP Logged
jeremy
Rear Admiral
Rear Admiral
Avatar

Joined: 25 November 2024
Location: New Zealand
Online Status: Offline
Posts: 1704
Quote jeremy Replybullet Posted: 20 May 2011 at 8:14pm
.png and .gif are the formats for pixelart btw :)


Edited by Jeremy - 20 May 2011 at 8:14pm
IP IP Logged
Post Reply Post New Topic
Printable version Printable version

Forum Jump
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot delete your posts in this forum
You cannot edit your posts in this forum
You cannot create polls in this forum
You cannot vote in polls in this forum