How to resize & post pics using Photobucket

Discussion in 'Motorized Bicycle Pictures' started by BarelyAWake, Dec 8, 2009.

  1. BarelyAWake

    BarelyAWake New Member

    Joined:
    Jul 21, 2009
    Messages:
    7,206
    Likes Received:
    8
    The primary reason we limit the size is when you post a un-edited, full size pic, everyone that wants to view that thread is forced to download all the pics in it. Given some of us are still on dial-up, it's courteous to reduce posted pics to about 72-180 pixels/inch and no more than 8x10" (for a forum this is still huge).

    The un-edited picture from your camera is about four megabytes in size, even if you have even an elcheapo one like mine. This may not sound like much, but if there were the maximum allowed five pics per post - every 28 posts would just about equal downloading an entire music CD (actually store bought albums usually have far less than that - but that's another topic). So you see how this would destroy some people's browsing experience - forcing them to turn off images and defeating the purpose of providing pictures in the first place.

    The image I'll be using as an example directly off the memory card and not touched in any way is;

    Width: 3648 pixels
    Height: 2736 pixels
    Resolution: 180 pixels/inch
    3.67 MB (3,849,876 bytes)

    Resized to a comfy "medium" that same pic is now;

    Width: 320 pixels
    Height: 180 pixels
    Resolution: 180 pixels/inch
    53.1 KB (54,375 bytes)

    I didn't add in how many inches this equals because that depends on your screen resolution and size - but most websites display 72 pixels/inch, so anything above that will effect displayed size and is usually a waste of time as we really don't need to be able to see every last pore, blemish and zit.

    There are a bunch of easy solutions to this that don't involve installing any software or even learning the basics of photo editing. One such solution is Photobucket, a feature rich image hosting service that also now includes video. You can of course skip the rest of this post and go right to Photobucket Tutorials for the basics if you wish.

    First, register for a free Photobucket account. Once that's completed, there are a bunch of options for making albums, setting privacy levels, and other goodies - but we'll skip all that and jump right to the good stuff - uploading, resizing, and posting pics and thumbnails.

    There's a nice, big, blue button with "Upload images & videos" on it...
    [​IMG]

    Pretty self-explanatory, just click it and it will bring you to this screen;
    [​IMG]

    Just dig around till you find where your pic is stored on your computer, in this case I'm uploading directly from my camera's memory card, placed in the card reader of my computer. You of course may have your pics stored in other places. As you can see in the above pic - there's a bunch of options, you can get pics from other websites, phones - just about anywhere.

    You can also upload mutable images and videos simultaneously by single-clicking one and going to the last one in the list, pressing the shift key, holding it down and single-clicking that last image. You can deselect single images or scattered ones that you do want by using the ctrl key instead of shift.

    Now that you've got your pic(s) selected, just click the "open" button at the bottom right of the screen and it will bring you to this;
    [​IMG]

    Depending on the number and size if the images your uploading and your available bandwidth, this could take a while - videos in particular you might want to be prepaired to wait a good long time. I tend to use Adobe Photoshop to resize my pictures beforehand to reduce this wait time - but if that was an available option for you - you'd probably not be reading this.

    Once it's finished uploading it will bring you to this screen;
    [​IMG]

    You can choose to fill in the blanks to the right, I never bother as everything I need to say will be in the post I'm puting the image in. Still - if you use the "public album" feature it would be nice to explain what people are looking at. Once your done, just click "return to album" and it'll bring you to this;
    [​IMG]
     
    #1 BarelyAWake, Dec 8, 2009
    Last edited: Dec 8, 2009
  2. BarelyAWake

    BarelyAWake New Member

    Joined:
    Jul 21, 2009
    Messages:
    7,206
    Likes Received:
    8
    To resize the pic to a more manageable, reasonable size - you can click the blue "edit" right above the pic and it will bring you to this page with tons of tweaks and options like cropping, effects, and more;
    [​IMG]

    Most of the time I don't want to bother with all of that and just want to resize easily and quickly. If you click the pic itself just once, it will bring you to a page with just that pic instead of your whole album but still display the list of code options and "zoom/edit/rotate/share/download/etc" above the pic. Click it again and it will disply only the pic full sized - so don't do that, we need those buttons.

    If you click resize now - instead of bringing you to the editing page, it will display a list of dropdown options and sizes like this;
    [​IMG]

    Both "large" and "medium" are pretty good for forum use - but a warning, should you choose to resize this way instead of the the more involved edit page it will only replace the original pic and not give you the option of saving it as a copy so be sure it's something you want to permanently alter. It will give you one last warning however;
    [​IMG]

    Just click "OK" and it will bring you to the nicely resized picture and the list of "sharing" options.

    They were nice and provided quite a number of coding options for both BBCode (forums) and HTML code (websites). Not all of the available codes are shown by default, the "thumbnail" one in particular is handy as that way you can have a huge, high resolution pic uploaded on Photobucket but not on the forum - when they click the thumbnail image, it will bring them to the full sized one in your album, very similar to the "attach" feature we have here. In order to enable the code display for the thumbnail feature and others, click the little blue "link options" at the bottom of the list and it will bring you to this;
    [​IMG]

    Just check them all - but odds are if you don't understand it you wont be needing it anytime soon, but they're handy to have just in case. The three we're most concerned with are "Direct Link" which won't display a picture but will bring people to the pic in your album, "IMG Code" which will display a full sized version of your pic in the post itself (provided it doesn't exceed limitations), and "IMG Thumb" which will display a small, thumbnail version of your pic and will bring them to the full sized version in your album as I mentioned before.

    Here's what the code looks like before the forum gets ahold of it;
    [​IMG]
     
    #2 BarelyAWake, Dec 8, 2009
    Last edited: Dec 8, 2009
  3. BarelyAWake

    BarelyAWake New Member

    Joined:
    Jul 21, 2009
    Messages:
    7,206
    Likes Received:
    8
    and this is what they look like after they've been posted;

    Direct Link;
    http://i305.photobucket.com/albums/nn210/Serenity151/vroom/IMG_1427.jpg

    IMG Code;
    [​IMG]

    IMG Thumb;
    [​IMG]

    Just copy and paste whichever one you want into the text of your post, but remember - should you want to use just the IMG Code option without a redirect - you would want to resize that pic down to more resonable, courteous display and file sizes. You can also use the attachment feature provided by this forum to upload pics from your Photobucket account, just paste the direct link in the "Manage Attachments" window as described here: http://motorbicycling.com/f15/how-post-pictures-61.html

    A handy little tip: Suppose you want to display a pic already on the forum or from another website but don't wish to go through the redundancy of uploading it to your own album first. Just right click whatever picture it is and choose "view image" from the pop up menu. Your browser will now bring you directly to just the image itself (sometimes you'll need to do it again), copy the full HTTP address from your browser's navigation bar, paste it in your post, and simply add the IMG code in brackets around it. If the address itself doesn't end with a picture file type (JPG, PNG, GIF, etc) it may or may not work, depends on that site's coding. Of course if you do this you have no control over the image - it may or may not be deleted at any time and some sites prevent/forbid you from doing this anyway. It is however very handy for showing someone a tool or a part for example without sending them to a site you may not approve of.


    If you have ANY questions at all regarding pictures in the forum, please feel free to post them here. We dearly love having pictures of all the madness involved with motorbicycling - don't let something silly like a little bit of scary technology prevent you from sharing the fun of these machines.
     
    #3 BarelyAWake, Dec 8, 2009
    Last edited: Dec 8, 2009
  4. Tcams

    Tcams New Member

    Joined:
    Oct 18, 2009
    Messages:
    412
    Likes Received:
    0
    I know a really easy way where you dont have to even use photobucket.

    I use Paint! Im pretty sure every computer has it and it is so much faster than up loading photo after photo.


    Once you have uploaded pictures to your computer. Save them where ever you normaly save all pictures.

    Then, Open up Paint and the picture will be very large depending on camera.
    Click "Image" and click "Stretch/Skew"

    On the first two boxes that say say 100% make the first top boxes say 50% depending on how big your pictures are. 50% works perfect for me.

    Then, File, save as and it will save that size to the original picture.

    Then just using the attachment way to upload pictures there is no need to upload using photobucket.

    Just thought Id pass this along.
     
    #4 Tcams, Dec 8, 2009
    Last edited: Dec 8, 2009
  5. BarelyAWake

    BarelyAWake New Member

    Joined:
    Jul 21, 2009
    Messages:
    7,206
    Likes Received:
    8
    TBH, I primarily use CS3 as I despise Paint for what it can't do lol - but yeah it's easy, quick and free :D

    I wanted to post the 'bucket option because I use the heck outa it for a buncha reasons - not least of which is the album feature, accessible from any computer no matter where I am w/o a care about what software it's got or OS.

    We gotta get mo' movies up in here too lol
     
  6. Riding Rich

    Riding Rich New Member

    Joined:
    Aug 14, 2009
    Messages:
    349
    Likes Received:
    0
    Well what about the PDF files.
    It becomes difficult for me at times.
    I find the best way to share the CAD drawings is by printing them to PDF.
    But a detailed drawing can be over the limit easily.

    I use the tightest settings i can.
     
  7. BarelyAWake

    BarelyAWake New Member

    Joined:
    Jul 21, 2009
    Messages:
    7,206
    Likes Received:
    8
    I'm not a huge PDF user 'cept mine ebooks o'course - but I do know you can import them into Adobe Photoshop and re-render as a standard image format. For straight PDF I'd just compress it usin' WinRAR (or not) and upload it to a free file hosting site like Megaupload.
     
  8. Riding Rich

    Riding Rich New Member

    Joined:
    Aug 14, 2009
    Messages:
    349
    Likes Received:
    0
  9. BarelyAWake

    BarelyAWake New Member

    Joined:
    Jul 21, 2009
    Messages:
    7,206
    Likes Received:
    8
    Well, I've noticed yer havin' success attaching them here on the forum... so I guess I dunno what yer question meant?

    Sorry - threw that last post up in a hurry, I'm bein' sneaky at work again lol


    edit: I jus' checked out some of yer PDFs (nice work BTW) and so far all the ones I've seen are tiny as far as file size goes...
     
    #9 BarelyAWake, Dec 8, 2009
    Last edited: Dec 8, 2009
  10. Riding Rich

    Riding Rich New Member

    Joined:
    Aug 14, 2009
    Messages:
    349
    Likes Received:
    0
    I get them there yes.
    But it could be in color.
    And any more than what you have seen me post won't take.

    Thanks i been working extra hard on that Porting thread.
     
  11. BarelyAWake

    BarelyAWake New Member

    Joined:
    Jul 21, 2009
    Messages:
    7,206
    Likes Received:
    8
    Epic surfer mike! I forgot all about that lol
     
  12. BarelyAWake

    BarelyAWake New Member

    Joined:
    Jul 21, 2009
    Messages:
    7,206
    Likes Received:
    8
    Well... I think they're good 'nuff to be worth re-rendering and postin' as a regular image format, it's real easy if you've PS - jus' open it and save as .jpg or w/e like this (thumbnail);

    [​IMG]
     
  13. Tcams

    Tcams New Member

    Joined:
    Oct 18, 2009
    Messages:
    412
    Likes Received:
    0
    When I upload pics to the forum I like them to be as big as it will let me without going to overboard. I like others to do the same. :)
     
  14. silverbear

    silverbear The Boy Who Never Grew Up

    Joined:
    Jul 9, 2009
    Messages:
    8,191
    Likes Received:
    39
    I find that Picasa works well for me. Picasa is a free download from google and is very handy to use for making simple changes to photos. It only takes me a minute and a few clicks to export to another folder a selection of photos and in the process resize to whatever I want. For posting on the internet or sending via email I reduce pixels by 50%. From the new folder located under "documents" /"pictures"/picasa exports... I find the new folder and using the management tool on the forum, attach my photos. If anyone wants more details on how to do all this, let me know and I'll create a tutorial similar to Barelyawake's with screen capture photos showing exactly what to do. I used to use Adobe as a photo utility and like Picasa so much better.
    SB

    Picasa 3
     
    #14 silverbear, Dec 8, 2009
    Last edited by a moderator: Dec 9, 2009
  15. BarelyAWake

    BarelyAWake New Member

    Joined:
    Jul 21, 2009
    Messages:
    7,206
    Likes Received:
    8
    Think that's an awesome idea silverbear - the more in depth tuts we have for the various photo editors the better I figure, as it'll result in more groovy pics uploaded :D
     
  16. silverbear

    silverbear The Boy Who Never Grew Up

    Joined:
    Jul 9, 2009
    Messages:
    8,191
    Likes Received:
    39
    I'll try to get on the tutorial pretty soon when there is some down time from phooey weather. Worked on the Elgin today... comin' along.
    SB
     
  17. Elmo

    Elmo New Member

    Joined:
    Sep 3, 2009
    Messages:
    749
    Likes Received:
    4
    If you have microsoft office on your computer there is a very easy way to resize. Right click on the pic that you want to resize and select open with. A menu comes up with all the pic programs on your machine. Choose microsoft office picture manager. It will open the pic then choose edit pictures from the top toolbar. Then choose resize on the right side. Click the dropdown box about the middle right side and choose the size you want, I usually choose web large (640x480) or web small (448x336). Then save as in a folder that you can find. Then just use the attachments box like always. I like this because it is all on my computer. Hope this helps someone.
    Elmo
     
  18. ducatiluke

    ducatiluke Member

    Joined:
    Jan 20, 2009
    Messages:
    39
    Likes Received:
    0
    why would anyone want to go through all that to reasize a picture when a simple program on this website could do it and save everyone such a headache and time

    spose you guys dont want too many pictures on this site

    Armand
     
  19. BarelyAWake

    BarelyAWake New Member

    Joined:
    Jul 21, 2009
    Messages:
    7,206
    Likes Received:
    8
    Actually - we love pics on this site, if you know of a "simple program" that's available as a plugin for vBulletin - by all means PM the admin or any one of the mods with the info ;)

    TBH the above tut makes it seem a heck of a lot more complicated than it really is - it amounts to like 4 mouse clicks or sumfin' lol
     
  20. meno

    meno New Member

    Joined:
    Jan 1, 2010
    Messages:
    24
    Likes Received:
    0
    Meno here so i have my photos on photo bucket how do I send to this forum. I really know nothing about computers ,Im not sure how I managed to get on Photo bucket.
    Meno
     

Share This Page