Useful Forum Knowledge: Image Resizing

Have you gotten yourself a dank picture and want to post this on a thread, but is it so humongous that your reply gets a scrollwheel? Do you want to downsize an image, but have you never computered in your life? Well fear no more! With a small little guide, you should become an image resizing pro!

Step 1: Find your image that's too big

---

The most logical step out of the three. Here's an example:


As you can see, this image is absolutely huge! Now, how should we go about downscaling an image like this?

Step 2: Use the IMG tags

---

You should be familiar with the fact that forums use tags to format things. If not, tags are certain attributes you can give to text with [TAG] and [/TAG] tags, with TAG being a specific attribute like IMG or VIDEO. Posting an image with these tags happens like so:

[IMG]http://examplesite.com/example.jpeg[/IMG]
And that works perfectly fine. But what you post there isn't exactly what comes out. This is what actually appears:

[IMG SRC="http://examplesite.com/example.jpeg" style="max-width:100%;"]
And that's what the forum reads as code. With this information, we can start downscaling!

Step 3: Downscaling the image

---

With everything we've seen now, this is how you downscale it!

Option 1: Using half, a quarter, and eigth etc. of an image
For this, we'll need to change the stlye="max-width:100%;" attribute. Change the percentage to your desired number (decimals use a period and not a comma), and voilà! You have yourself a downscaled image.





Code:

[IMG SRC="http://pre01.deviantart.net/95b4/th/pre/f/2011/285/c/2/lol_face_by_rober_raik-d4cm1yl.png" style="max-width:12.5%;"]
Option 2: Using pixel length as a size
For this method, we actually have to replace the style="max-width:100%;" attribute with a width="Npx;", with N being the desired amount of pixels.





Code:

[IMG SRC="http://pre01.deviantart.net/95b4/th/pre/f/2011/285/c/2/lol_face_by_rober_raik-d4cm1yl.png" width="200px;" ]
And that's all you have to do to make your images fitting! I hope this tutorial was useful, and hopefully this will clean up most of the ridiculously huge images posted on this forum.

---

Happy posting!