Does anyone know how to resize photos?

apollonia666

If anyone does, can you please make Cabaki's cat photo in this thread a little smaller so it doesn't make the browser wider than most people's screens?

http://brooklynian.com/forums/viewtopic.php?t=38778&sid=8a2d3921665d2c62e016a8d5de794c88

I did a little Googling to try to figure it out but all I could find was a bunch of scripts and techie stuff that was beyond my capabilities...

MOD NOTE: This was moved from our moderators' forum, because I think many users may find this information useful.

-C

carnivore

Done. I got mad skilz like dat. :P

This is how you do it (I had to disable html for this post in order to show the code):
<img src="whatever" width="number of pixels you want">

The "whatever" is the url for the image, and it has to be .jpg or .gif
I used 800 as the "number of pixels you want"


EDIT: .png files also work.

pitu

Hmmmm....can you try that with http://brooklynian.com/forums/viewtopic.php?p=427422

I did a width/length html thing, but something is not working and it bumps it out and leaves code link w/out resizing...

Fer instance...this is the construction not working
<img src="http://WHATEVER.jpg"; width=345 length=230/>

but what is left visible is
<img src="http://i88.photobucket.com/albums/k181/vivid412/ld.jpg">;
no resize, no picture

carnivore

Done. You forgot to put the number of pixels in quotes.

It should look like this (I disabled html for this post so you can see the code):
<img src="http://i88.photobucket.com/albums/k181/vivid412/ld.jpg"; width="345" length="230">

jeffrey

You can also add percentages instead of specific pixel widths.

If you're just concerned about something fitting (and not breaking the layout) for example, it's extremely fast to just add width="99%" or something else LESS than 100%.

The browser will handle the resizing dimensions from there.

Example:

<img width="99%" src="http://i88.photobucket.com/albums/k181/vivid412/ld.jpg">

...results in the following:



...whereas simply changing the width setting to width="50%" automagically results in the following: