Jump to content


How to attach an image, best sizing and file tips


3 replies to this topic

#1 Kelly

    Established User

  • Administrator II
  • 2,782 Posts:

Posted 03 October 2010 - 03:31 PM

How to attach an image to your post
Step by step and simplified step versions

These are composed from a Windows Vista operating system – general steps should work with all systems

Step by Step
1 – Save the image to an easily located Folder and File on your computer – Folder Broken Sheaves – File RedLift will be easy to find with many open windows. I named this file Attach Instructions.
Attached File  Desk-top-image.jpg (18.13K)
Number of downloads: 21
2 - Decide which Forum to use
Attached File  Forum-Screen-Shot.jpg (28.03K)
Number of downloads: 27
3 – Push “Reply” in the selected topic – either button will work…the Reply/Attachment screen will appear – you can push Cancel at anytime
Attached File  Push-reply.jpg (22.89K)
Number of downloads: 26
4 – The Reply screen has a number of features for posting – the circled area shows the Attachment Section
Attached File  Attachment-area.jpg (19.88K)
Number of downloads: 23
5 – Push the browse button (think of this as the “look at my Folders button”) this opens another window that shows your computer Folders….this is better than remembering that dang long file name!
Attached File  Browse-button.jpg (18.63K)
Number of downloads: 27
6 – Browse feature gives you the “Choose File to Upload Screen” –
Title along with Folder are circled
Attached File  Upload-Screen.jpg (11.16K)
Number of downloads: 22
7- Open the Folder you want and select your image File by: either double clicking or single clicking (single clickers then push save)
Attached File  File-to-load.jpg (26.81K)
Number of downloads: 21
8 – After you have selected the image the file name will appear in the box – think of this is as “the file to be entered box”.
At this point you have searched, found and selected the image to be attached to your reply
Attached File  File-has-been--entered.jpg (24.44K)
Number of downloads: 19
9 – Now push the Attach button – this will “attach” the image to your reply – if you don’t push Attach no image will be attached…and no image will be seen
Attached File  Attach-button.jpg (25.22K)
Number of downloads: 17
10 – After attaching the image to your reply, a small thumbnail of your “attachment” will appear in the Attachment area – think of this area as the Attachment Index
Attached File  Attachment-index.jpg (24.46K)
Number of downloads: 15
11- Push the Add/Reply button – the post with the attached image will be added to the topic
Attached File  Add-Reply.jpg (31.65K)
Number of downloads: 17
12 – Finished post
Attached File  Done-post.jpg (10.29K)
Number of downloads: 15
====================================
Extra Stuff
13 – Multiple images – You can attach multiple images to a reply (such as this) by repeating the steps above. You can place those images in any order in your topic by the Add to Post button…think of this as an attachment place holder. Also don’t forget the Delete button.
Attached File  Place-holder-button.jpg (12.49K)
Number of downloads: 15
14 – Hints:
A - To reduce confusion - attach each image in the order that you would want to see them in your reply…this is particularly true if you have many lines of text and images.
B - You can add an attachment directly from your camera although it’s better to save the image to your computer first
C – Use descriptive words in naming your image file: “BrokenSheave7” is better than “00012a”
D – In your post creation its helpful if you compose the final draft of your reply in a program that has speling ) gramer chek # funkshuns to reduce most of the painful errors.
E – Use a system of unused characters as place holders for images in the final draft of your reply such as * $ %
Attached File  Place-holder-image-tip.jpg (46.61K)
Number of downloads: 13
F – When attaching images into a text area – images will be placed in the active cursor area …best to have the cursor on an empty line or between paragraphs or the image will split the text
G – It helps to change the “View” option of the file and enlarge the window if you’re selecting from a Folder with many images.In this image I have widened the view to full screen and the files to Large
Attached File  View-Change.jpg (23.2K)
Number of downloads: 10
H - Post then check for mistakes

Simplified Steps
1 Open
2 Find
3 Select
4 Attach
5 Send
www.ropetech.org

#2 Kelly

    Established User

  • Administrator II
  • 2,782 Posts:

Posted 17 October 2010 - 08:15 AM

Best width, file size and format for posting images
Step by Step and Short Versions
The theme for this post is to be able to attach an image that will be easy to view and quick to load

Step by Step
Currently most websites are built around the 900 pixel width – images wider than 900 have to be viewed with a scroll bar so it is suggested that this is the maximum width for posting an image.
File size load times for dial-uppers should be a consideration for members – my patience limit is 100K per image…anything larger just takes too long to upload and download, for simpler pictures less than 50K will still look ok and even loads that much faster.
There are many different formats of images – I suggest using jpeg since every camera uses this format as a resolution selection.
Often you will have junk in the image such as too much blue sky or a tourist with blue Bermuda shorts – cutting or cropping the junk will help reduce file size.
An image editing program is needed to obtain these suggested fixes, I will reference Photoshop Elements (PSE)* steps for these changes. Its best to use these changes in the order presented.

Here is the original image with blue sky and Bermuda shorts that is too wide and too tall...try to find the "900"
Attached File  Original-at-50K.jpg (51.5K)
Number of downloads: 20
Crop original
Attached File  Original-being-cropped.jpg (48.24K)
Number of downloads: 19
Change width… Image>Resize>Image Size>Width menu - see red arrows
Attached File  Original-width-change.jpg (49.64K)
Number of downloads: 13
Reduce the file size …File>Save for Web>Jpeg>Optimize for Web…in this case I selected 50K
Attached File  Cropped-saved-for-web.jpg (49.72K)
Number of downloads: 10
Here is the final image at 900 pixels wide
Attached File  Final-at-900-wide.jpg (20.68K)
Number of downloads: 7

Short Version
Crop the junk
Size to width
Reduce the file size

*PSE has been on the market for over ten years. It’s been called the cheaper hobby version of Photoshop, has been upgraded and improved each year. It is not free but older versions go for less than $20.

This post has been composed for the majority of readers of this forum – I have omitted such items as Picasa, Capture NX, EasyShare, BMP, GIF, PNG, PSE, monitor resolution, monitor calibration, screen properties, browser zoom and keyboard shortcuts for clarity…
www.ropetech.org

#3 Peter

    Established User

  • Member
  • 4,314 Posts:

Posted 17 October 2010 - 10:32 AM

Anyone who has a recent version of Microsoft Office has Microsoft Office Picture Manager which does all of the above functions as well. Just right click an image and select open with Microsoft Office Picture Manager.
- Peter<br />
Liftblog.com

#4 Kelly

    Established User

  • Administrator II
  • 2,782 Posts:

Posted 18 October 2010 - 05:09 AM

Thanks Skier

Image of the path to get to the image editor
Attached File  MO-path.jpg (48.62K)
Number of downloads: 26
Edit tools
Attached File  MO-edit-tools-circled.jpg (48.9K)
Number of downloads: 28
www.ropetech.org





1 User(s) are reading this topic

0 members, 1 guests, 0 anonymous users