Author Topic: How to Post Images to the WW&F Discussion Forum  (Read 31863 times)

Ed Lecuyer

  • Administrator
  • Superintendent
  • *****
  • Posts: 4,285
    • View Profile
    • wwfry.org
How to Post Images to the WW&F Discussion Forum
« on: December 29, 2008, 10:39:18 PM »
There are multiple ways to add images to your posts. And, with many different formats and permutations, it's hard to give specific instructions that are going to work every time. However, I'll try to cover the most common possibilities in this posting. (I'm also going to keep this specific for PC applications - Mac users will have figure this out on their own, but the basic principles will still apply.)

STEP 1: Get an image.
The basic idea is to get a digital picture somehow into the PC. If you have a digital camera, this is pretty easy: connect the USB cable from the PC to the camera and follow the on-screen prompts. When it's all said and done, you should end up with photos in a folder on your computer. Typically, this is something like "My Pictures" found in "My Documents".

If you have a physical picture (or slide) that you want to post, it needs to be "scanned." A scanner is a computer accessory that takes the picture and digitizes it for use on the PC. Scanners can be found for under $100 (and can be as high as $500.) You can often use a scanner at a public library or copy shop. You'll also need some software to do the scanning with (usually the scanner will come with something.) You may find yourself dealing with TWAIN which is not "train" with a lisp, but the interface used to connect scanners to the computer. TWAIN, incidentally, is an acronym for Technology Without An Important Name. Anyhow, once you're done, the photo should end up in "My Pictures".

Quote
As I write this tutorial, I'm going to try this myself - from scratch. I have a camera in my phone, and I have some pictures of the ROW washed out just north of the Top of the Mountain. I plugged the phone into my PC, and was told I needed to install the CD that came with the phone. In my case, this meant ActiveSync - the application that Windows uses to communicate with my type of phone.

Once ActiveSync was installed, I opened 'My Computer' then 'Mobile Device' and "My Pictures' and found... nothing. OK. My phone has a memory card, the pictures must be there, so I went back and found 'My Windows Mobile-Based Device'. Opened that, Storage Card, My Documents, My Pictures... aha! There they are. I discovered that they have pretty boring names: IMAGE_00#.jpg and they can't be previewed or opened until I copy them to my PC (remember, they are still on the phone.)

I opened the Edit menu in the Window that shows the picture names and choose 'Select All'. Then Edit, Copy. This puts the images on the Windows Clipboard. I opened My Documents on my Windows Desktop, then opened My Pictures, and then Edit menu, Paste. All the pictures were copied from my phone to the PC. Neat.

Finally, I could double click on each picture and see what it is. In my case IMAGE_007.jpg through IMAGE_013.jpg contain pictures of the washouts.

STEP 2: Edit the image.
Undoubtedly, you have heard the term "mega-pixel" used to describe the capabilities of a digital camera. Generally speaking, the more "mega-pixels", the better the image... or so they want you to believe. This is true for making prints. However, for posting pictures on the web, not only are they not important, too many will make the image unusable!

A pixel is a "picture element" - basically a square dot of a single color. These dots blend together to form the images on your computer screen. Most computer screens are 1024 pixels high by 768 pixels wide. Thus, any picture that is wider than 600 pixels or so is going to be difficult to see over the web. (Also, the larger the number of pixels, the more memory the picture requires - also an issue for web users.) The idea is to crop and/or scale your picture so that it is no larger than 600 pixels wide.

To get this done, you need an image editor. Adobe Photoshop is an example of a high-end image editing program. In fact, "photoshopping" an image has entered the nomenclature to mean manipulating the picture in some way. Some people can get really good at this, creating things that *look* real, but are not. Anyhow, we need something far more basic.

I did some research and found a great free image editor. It has everything you need:
Paint.Net:
https://www.getpaint.net/download.html

Crop the image to cut out any extra gunk. (For example, if you scanned the image, you may have a large area of white space.) Rotate the image so that it is oriented properly - if necessary. Scale (or resize) the image so that it is no wider than 600 pixels. (Use "maintain aspect ratio" to keep the proper perspective.) Finally, use Save As to save the image, maybe with a file name that includes "for web" or "small format". Always save the image as a 'JPG' or 'JPEG' file - in short this is the easiest for web use.

Quote
In my case, I decided to try Paint.Net. I clicked on the above link, pressed Download Now and saved the download to my Windows Desktop. This made a .zip file, which I double-clicked to find 'Paint.net.3.36.exe'. Double-clicked that and extracted/installed.

Started Paint.Net and choose File, Open. It went right to the My Pictures folder and I quickly found an image that I wanted to post: IMAGE_009.jpg. It's a pretty good shot of the landslide. It doesn't need to be cropped (although I see that you can crop by using the selection tool, then choosing the Image menu, Crop to Selection.) The picture is, however, rotated 90 degrees. Image menu, Rotate 90 degrees Counter-Clockwise... Bingo. Now to resize it: Image menu, Resize. It indicates that the image is 1280 pixels wide. Knock that down to 600 and press OK. Finally, File menu, Save As, change the File Name to 'Washout 01 small.jpg', press Save, and OK the preview at 95% quality. (Note, see step 4b for more information regarding quality and file size.)

STEP 3: Post the image.
This is probably the hardest part. Realize that the Internet is just a big connection of computers. When you open up a web page, you are looking at someone's "public" computer. The WW&F forum is 'hosted' by some computer somewhere. There are other computers that host images. Here are a few popular web sites for posting railroad images:
http://photos.nerail.org/
http://www.railpictures.net/
http://www.rrpicturearchives.net/

Basically, the idea is to create an account at one of these sites and put the picture there for the entire world to see. Then, you can link to the image from the WW&F forum. However, these sites all have some sort of membership requirements and approval process.

An easier alternative is to 'attach' the photo to the posting, which I'll cover later in step 4b.

The final (and somewhat harder) alternative is to use your own public server and upload your image there. (If you have access to your own server, you probably aren't reading this tutorial, unless you want to be inspired by the author's wit - or are trying to find some error or omission.) See step 4c for the basic details.

Quote
For me, I belong to the NERail discussion list and I view their photo archive all the time. I opened the site and clicked "Add a Photo." I need to be a new member (the site and the discussion list are not the same) so I created an account.... Darn. The admin of that web site has to manually approve new members, which will probably take a few days. What a drag. I'll guess I'll go to the attachment method.

STEP 4a: Link to the image. (Harder way)
Now that you have the image online, you should be able to locate a link to it. Using the three sites I mentioned earlier, you get the link like this...
NERAIL:
Open the photo you want to post. Under the photo, you will see a section titled "Share this photo?".
Here you will find a link-friendly URL, such as:
http://photos.nerail.org/s/?p=121595
Using the mouse, highlight the link (starting with the 'http' and including the id number) and press CTRL-C to copy it to the Windows clipboard.

RailPictures.Net:
Open the photo you want to post. Above the photo, you will see
Link to this photo: http://www.railpictures.net/viewphoto.php?id=264954
Using the mouse, highlight the link (starting with the 'http' and including the id number) and press CTRL-C to copy it to the Windows clipboard.

RR Picture Archives:
Open the photo you want to post. Beneath the photo, you will see
Link to this page: http://www.rrpicturearchives.net/showPicture.aspx?id=860179
Using the mouse, highlight the link (starting with the 'http' and including the id number) and press CTRL-C to copy it to the Windows clipboard.

Once you have the link on the clipboard, start the post on the forum that you want to attach the photo to. Where you want the link to appear in your post, press CTRL-V. This pastes the link from the Windows Clipboard into the posting, which will now look something like this:

Here is a great photo of the WW&F I found on the web:
http://photos.nerail.org/s/?p=121595
I hope you enjoy it.


However, the forum software doesn't know how to link to these photos yet. Use the mouse to highlight the link that you pasted into the post, and click the "Insert Hyperlink" button. (It looks like a sheet of paper next to a globe.) The link will now be surrounded by 'url' and '/url' like this:

Here is a great photo of the WW&F I found on the web:
|url|http://photos.nerail.org/s/?p=121595|/url|
I hope you enjoy it.


(Note that the url tags will be surrounded by [] and not ||)

Click Preview or Post like you would for any other message.

STEP 4b: Attaching the image to the post. (Easiest way)
Images less than 200KB can be attached directly to the post. However, this adds an extra procedure to the editing process (step 2) - the image must be highly compressed and may lose some quality.

When saving a JPG file, most image editing applications will allow you to specify the 'quality' of the image. The higher the quality, the clearer the image, the lower the quality, the smaller amount of space the image will require. Experiment with the quality setting until the file size of the image is less then 200KB. The 'Paint.Net' application (see step 2, above) has a great feature when saving images that tells you exactly how many KB the image will be before you save it and as you adjust the quality.

In your post on the WW&F forum, click 'Additional Options.' Locate the Attach section, press Browse, open the My Pictures folder and double-click the photo you want to attach. The photo will now be attached to the posting - but will not be visible until the final posting is completed (it does not appear in the preview.)

Quote
In my example, I discovered that 'Washout 01 small.jpg' was about 400KB - too big to attach. So, I opened up the original image in Paint.Net, rotated and resized as before, but this time choose a lower quality setting. 87% gave me a 197KB file - perfect. Save as, then attach to the posting... Mission completed.

STEP 4c: Embedding the image in the post. (Hardest way)
You can, if you have the right image host, embed the image directly into your posting. However, you need to have direct access to the image, which the free image hosts I've covered here do not allow. Paid image hosts such as Photobucket allow this feature; this is the service that Mike Fox and Brendan Barry use to publish their images.
« Last Edit: March 24, 2021, 08:19:41 PM by Ed Lecuyer »
Ed Lecuyer
Moderator, WW&F Forum

Keith Taylor

  • Museum Member
  • Engineer
  • ****
  • Posts: 732
  • Life Member
    • View Profile
Re: How to Post Images to the WW&F Discussion Forum
« Reply #1 on: December 30, 2008, 01:17:59 PM »
Ed,
The one time I wanted to include a photo in a posting, I chose the attachment method. As I recall the posting showed a thumbnail image. It worked very well, and if a Luddite like me could work the attachment method....I suspect anyone could!
Keith

Ed Lecuyer

  • Administrator
  • Superintendent
  • *****
  • Posts: 4,285
    • View Profile
    • wwfry.org
Re: How to Post Images to the WW&F Discussion Forum
« Reply #2 on: December 30, 2008, 01:21:44 PM »
The trick with the attachment method is to keep the photo to under 128KB. The Paint.Net application is really handy for getting this right.

FWIW: I had never used (or heard of) Paint.Net before last night, and found it to be better than many commercial software products. It will now be part of my standard toolset for work and play.
Ed Lecuyer
Moderator, WW&F Forum

Keith Taylor

  • Museum Member
  • Engineer
  • ****
  • Posts: 732
  • Life Member
    • View Profile
Re: How to Post Images to the WW&F Discussion Forum
« Reply #3 on: December 30, 2008, 01:29:31 PM »
M/S Outlook has the ability to adjust the size of attached photos. When you attach a picture, if you click on "attachment options" you can adjust the size of the image. If I have a large size image I want to post...I send myself an e-mail where I have downsized the image. I then save the now smaller sized image for posting. It saves having to download and learn yet one more program.
Keith

Tom Casper

  • Museum Member
  • Hostler
  • ***
  • Posts: 206
    • View Profile
    • Sandy Ridge & Clear Lake Ry.
Re: How to Post Images to the WW&F Discussion Forum
« Reply #4 on: December 30, 2008, 03:09:58 PM »
Me to Keith.  I find that option very handy as a lot of the BBds limit picture size.  Outlook Express doesn't offer that is what I am told by my friends that have that.  I will have to look into Paint.net for them.

Tom C.
Later:
tom_srclry_com

Paul Crabb

  • Museum Member
  • Brakeman
  • ***
  • Posts: 156
  • Life Member
    • View Profile
Re: How to Post Images to the WW&F Discussion Forum
« Reply #5 on: February 26, 2012, 06:27:48 PM »
Ed; Given my failed attempt to have pictures show up directly in my post to  "car 65 pics" I gather the attachment method is what does that. Is that correct? Paul Crabb

Mike Fox

  • Museum Member
  • Empire Builder
  • ********
  • Posts: 5,643
    • View Profile
Re: How to Post Images to the WW&F Discussion Forum
« Reply #6 on: February 27, 2012, 07:20:06 AM »
Paul, I use Photobucket as an image host, then post the link given for each photograph on the forum, using the insert image button above the row of smileys. There are other image hosts on the web, but the one I use is free. A big seller in my book.
Mike
Doing way too much to list...

Ed Lecuyer

  • Administrator
  • Superintendent
  • *****
  • Posts: 4,285
    • View Profile
    • wwfry.org
Re: How to Post Images to the WW&F Discussion Forum
« Reply #7 on: February 27, 2012, 08:42:01 AM »
Hi Paul,

The links and attachments you posted in the Car 65 thread worked properly. If you want to "embed" the image (like Mike Fox does) then you have to use a true image host like Mike has.

Thanks for posting those photos. The car looks great.

-Ed
Ed Lecuyer
Moderator, WW&F Forum

Bob Holmes

  • Museum Member
  • Conductor
  • *****
  • Posts: 758
    • View Profile
Re: How to Post Images to the WW&F Discussion Forum
« Reply #8 on: September 26, 2016, 06:56:48 PM »
Ed, I tried the direct attachment method today (see most recent posts on Turntable discussion), and was extremely disappointed.  The 128k limitation sucks (to be candid).  I know that Brendan and others get full resolution pix posted, so I definitely need your advice about the best way to do this moving forward.

Thanks.

Bob

James Patten

  • Administrator
  • Superintendent
  • *****
  • Posts: 4,225
  • Loco for 6
    • View Profile
Re: How to Post Images to the WW&F Discussion Forum
« Reply #9 on: September 26, 2016, 07:33:35 PM »
Brendan and I (and others but I forget who) use a service called Photobucket.com.  There's a free version (2 GB storage), and then various prices for more storage/etc.

Mike Fox

  • Museum Member
  • Empire Builder
  • ********
  • Posts: 5,643
    • View Profile
Re: How to Post Images to the WW&F Discussion Forum
« Reply #10 on: September 27, 2016, 05:58:09 AM »
I was a free photobucket user until recently. They have ads on their site that was bogging down my upload, so I decided to pay their price of $9.99 per year to go ad free.
Mike
Doing way too much to list...

Ed Lecuyer

  • Administrator
  • Superintendent
  • *****
  • Posts: 4,285
    • View Profile
    • wwfry.org
Re: How to Post Images to the WW&F Discussion Forum
« Reply #11 on: March 28, 2019, 08:54:50 AM »
FYI, the KB limit to attachments on Forum messages is now 200KB (as opposed to 128KB.) This will help those who want to attach small photos to their forum postings. Photobucket remains the most popular choice for paid image hosting.
Ed Lecuyer
Moderator, WW&F Forum

Bill Reidy

  • Museum Member
  • Inspector
  • ******
  • Posts: 1,416
  • Life member. Ack.
    • View Profile
Re: How to Post Images to the WW&F Discussion Forum
« Reply #12 on: March 28, 2019, 04:46:26 PM »
I have a free account on imgur.com which I've used the last couple of years and have been pleased with the service.
What–me worry?

Mike Fox

  • Museum Member
  • Empire Builder
  • ********
  • Posts: 5,643
    • View Profile
Re: How to Post Images to the WW&F Discussion Forum
« Reply #13 on: March 24, 2021, 08:52:00 PM »
As an update, I switched to Post Image a couple of years ago. I really like that site because you decide on upload how big to make your file. I usually use the message board option, which gives you a 600x480 (I think) which shows up well on the forum, or at least have heard no complaints. It is a free service, but there are also subscription options that get you other services.
Mike
Doing way too much to list...

Graham Buxton

  • Museum Member
  • Fireman
  • ****
  • Posts: 451
    • View Profile
Re: How to Post Images to the WW&F Discussion Forum
« Reply #14 on: March 26, 2021, 08:19:47 AM »
Below I am providing an example of the Postimage.org 'forum / message board' option referenced by Mike in the post above:

Note that the image size does not overwhelm the text, but one can 'click' on the image to see a  bigger version, and then click again to see much larger version with full detail.

If you wanted to display the full size image 'inline', that is an option also. See this post to see that option in use with the same image above:
https://forum.wwfry.org/index.php/topic,3966.msg50131.html#msg50131
Graham