The CWCki needs help! Please consider clicking the tugboat to make a donation

Help:Resizing images

From CWCki
Jump to: navigation, search

How to Resize Images
Originated by User:Fuckingstupid

WHY WE DO IT

The short answer is space. This site is hosted on 110mb.com. That means we get 110mb. The cheapest mp3 player you can buy has more space than that. 5 gigabytes, but that's shared between PVCC, here and anywhere else on cogsdev.110mb.com. As a general idea of how much space we're using, we currently use 1469.9 megabytes, or 29% of our total space. About a month ago, we used around 54%, but we've drastically cut that down with our resizing efforts, giving us tons more space for future stuff. (as a side note there are a lot of things I can delete for space if needed, like this)

The long answer is that most images don't need to be gigantic. This is a free hosting service which is ad free. That means that we can't put a whole lot on the server without fucking up our free room and board. So the alternative is paid hosting (which could be costly, requiring the CWCki to beg for donations) or ad supported hosting (which would cause faggots to whine incessantly). Large images clutter a website, reduce load times and start sucking up on bandwidth. They are also a liability in terms of direct linking and DDoS attacks. Plus the more bandwidth we use, the greater chance of 110mb exploding(as they often do), forcing us to jump ship.

A NOTE ON IMAGES

Chris is a fuck-up. He makes shitty drawings, does shitty scans and can't take photos to save his life. That being said, it's not necessary to host super high resolution copies of what he produces, because it will still look like garbage. I have experimented: I once reduced one of his images to the LOWEST POSSIBLY QUALITY and could barely tell the difference. As a photographer, he makes me cry. Furthermore, his images are everywhere. If someone needs a high quality version of something here, they can get it. A torrent file containing everything Chris has ever produced is here and updated regularly gone. People can go there if they need these things. We are here to document, not act as a photo supply.

BUT HOW?

It's ok, as the guardian of hosting space, I have some tips to help you keep your images in check.

150kb

Be a hero, follow recommendations.

See that number? That's your size limit. As is suggested by the warning message that pops up when you try and upload something bigger. Don't ignore that, it's there for a reason. Here are some basic tips...

Editing tricks

Crop it

Sometimes images have a lot of background information, sometimes they do not. A picture with Chris standing in front of his mountains of toys illustrates how fucking weird he is. That information should be left in, because it is funny AND relevant. A picture of Chris's dog sitting on a patch of grass has only one important thing in it: the dog. We want to know what the dog looks like, we don't give a shit about the grass. So what can we do? Crop it. This will immediately take away from the photo size, making the image more manageable and keeping what is relevant. This is especially true for things like screen captures from websites. We want to see what Chris wrote on his Facebook. We don't need the ads at the side and the address bar at the top.

Even the most basic image editors do this.
Example of how cropping cuts what you don't need.

Shave it

I'm not talking about removing excess hair. Shaving is the process of shrinking an image by a few pixels to make it slightly smaller, but give the same overall impression. For example, take an image that is 522 X 359 with a size of 549kb. Alter that image so it is 500 X 344 and now it is 504kb. Simple right? Sometimes this is all it takes to keep the image under the magic number.

You can do this with most image editors too. Just make sure you tell it to keep the proportions of your image so it doesn't get skewed.

Reduce quality/optimize

Optimizing an image for the web is easy. Most image editors do it. Optimizing helps make them browser friendly but also reduces our space consumption.

Reducing the quality can also drop some size from the file. Use your judgment when reducing quality. Most of the time you won't even notice.

Format

JPEG

It's the best to use. It's web friendly, small and just about any browser can handle it quickly. As a format, JPEGs are also the easiest to edit. Every single image editor out there, from basic to advanced can handle it. If we need to change or alter the image, you can do it easily. Did I mention that it's small?

PNG

Fucking don't. Before any nerds start yelling THIS IS A GREAT FORMAT IT'S LOSSLESS AND DOESN'T HAVE GENERATIONAL ERRORS BLAH BLAH... fuck you. We aren't concerned about that shit. PNGs take up way too much space. We are here to document, not provide lossless copies for shoopers. They are generally huge and take a long time to load.

Sometimes, it's ok. People make a lot of fanart and sometimes if it is good it gets uploaded here. However, if you are going to upload a PNG, make sure that you do it 8 bit, not 24 bit. Any reduction in quality will be almost unnoticeable to the average reader. Also, reducing colors from 256 to 128 (because most PNGs have very few colors anyway) can make a huge difference in size. DO use PNG for MSPaint fanart. This is the only exception.

GIF

Double fucking don't. GIFs are not web friendly. They are shit. Fuck'em right in the ear. We don't need them. Anything GIF can do, PNG can do better. Just... don't.

Animated GIFs

They're huge and we generally don't need them. From time to time we come across a funny one. Do your best to keep it small. It's not easy, but I am always here to help if you need me. The jury is still out on what size animated GIFs should be limited to. You can bet once they have deliberated, some major changes could occur.

Other formats

Get the fuck out of here, fag.

Use your fucking head

I once had someone revert a resize I did with the comment "original has less JPEG errors". Well that's a valid complaint. Or is it? The image in question was a screenshot from a /v/ thread. Now that's just retarded. Sharpness and pixel errors are not something that concerns someone reading a thread from an imageboard. When you are trying to decide if the image should be higher or lower quality, ask yourself three questions:

1. Is it illegible?

2. Do the errors interfere with the information in the photo?

3. Has something important been cut?

If the answer to these questions is "no" then you should be posting the lower quality version.

Still lost?

People here can help you. Personally, I am good with all things image. You can leave a message on my talk page and I will fix it. But please don't be a tool. I am not your personal slave. Try your best and if you get lost, seek help. I can not only fix what you need fixed but help you to do it yourself in the future.

Remember

I patrol the images here. If you haven't used proper judgment in uploading an image, be aware that I will use mine to make sure it falls within size restrictions. So you may not have the same result you hoped for when uploading an image. I'm not an asshole. It's just the task I have picked up. Our glorious leader has set the size restriction, I just follow it.

TOOLS OF THE TRADE

There are lots of image editors out there. Here's a quick guide to get you up and running...

Adobe stuff

My area of expertise. If you need help with these, I'm your man. Whichever one you use, just click File > Save for web... for some easy editing.

Photoshop

It's not free, but if you have it there is a great function on it called "Save for web..." that optimizes your images and allows you to adjust quality... and see how big it is.

It's fast and simple.

ImageReady

This also has the "Save for web..." feature. In addition, it is also great for editing GIFs. Especially animated ones. If you open an animated GIF in ImageReady you can crop the size, reduce the size and even cut frames from it. Really handy.

Photoshop Elements

A scaled down cheaper version of Photoshop. It also has the "Save for web..." feature. I cannot stress enough how simple and useful that function is.


A quick breakdown of how the "Save for web..." function works in Adobe products. 1. Choose your file format (JPEG is best PNG 8 if you must have a PNG) 2. Choose a quality level quickly. 3. Adjust quality manually little by little. 4. Image dimensions, shave your image here to reduce size. 5. Make sure this is checked to stop your image from skewing. Always remember to have the Optimized box checked.

Preview (Mac)

Has basic functions like crop and rotate. Helpful for quick jobs. It's free. It came with your Mac.

iPhoto (Mac)

This also came free with your Mac. It's a nifty little program that has some basic photo editing functions. It's easy to use. You can figure it out.

Paint (Windows)

As shitty and facepalm inducing as this program is, it's perfectly fine for some quick and dirty editing that can keep your files within the limit. Be careful, it can really make images look like shit.

Picasa

Free and cross-platform. It's made by Google and it's pretty easy to use. Find it here.

Gimp

It's free and it will do just about everything Photoshop will do. Furthermore, it's cross platform, so it doesn't matter what kind of computer you have. That means there are no more excuses. Go and download it here. Whoreos n' Milf is a GIMP veteran, talk to him if you need help.

Free online stuff

The web is full of tutorials and sites that allow you to upload and manipulate an image. For example, if you wanted to edit a GIF, you could do it at GIFworks really easily. Another one that does just about any image can be found here. All it takes is a Google search. I can't do everything for you. Most of these places have a limit on the size of file you can edit, but are still really handy and really simple.

IrfanView

A freeware image editor. It provides a basic resizing/cropping feature and several options for saving (size, quality and security). It also has a robust library of plugins for more complex editing and format options. You can download it here, and the plugins here.

Ask and receive

I can do it for you. I don't mind. It's my sort of pet project here at the CWCki. Like I mentioned, not only can I help you, but also show you so you can do it yourself in the future. Isn't that special? That goes for all formats and all editors. My talk page is open for requests and help. I'd rather spend a few minutes helping you than multiple instances of sorting through images. I did a massive resize campaign and I don't really want to go through one again.

If I help you though, I might make bizarre requests for ASCII art of a tuna sandwich or something in return.

Thanks for reading.