How to insert an image in a post or comment

Version 3

    Motivation:

    Visual communication is very important when discussing technical subjects, and including images in Community posts can convey ideas very effectively and efficiently. Importantly, images are most effective when used as illustrations that readers can see without making them download them and open them with separate programs. Including images as file attachments is not very effective. How useful do you think this document you're reading right now would be if all the images were attached at the bottom and you had to download and open each one?

    Steps for inserting an image

    1. In the Discussion, Question, Document, or Blog post editor, place your cursor where you wish to place your image. The beginning of a paragraph is usually a good place. Note that later you will be able to resize it, and place it to the left, right, or center, which will wrap text around it.
      10_InsertImage_Location.png
    2. Locate the "insert image" icon in the editor's toolbar:
      11_InsertImage_EditorTools.png
      1. Note that if you are contributing a Reply or a Comment, the editor toolbar is reduced, and the "insert image" icon is in the center:
        11_InsertImage_EditorTools-Reply.png
    3. Click the "insert image" icon. A file browser will appear:
      13_InsertImage_ImageBrowser.png
    4. Click "Choose File" and browse for your image.
    5. Click the "Insert Image" button in the lower-right of the pop-up window.
    6. You'll see your image placed within the text of your post:
      16_InsertImage_Inserted.png
    7. Click on the image to highlight it. You will see small black squares in its corners:
      17_InsertImage_SelectImage.png
    8. To wrap text around the image, you need to justify it to either the left, right, or center of your post. Locate the justify tools in the editor toolbar:
      18_InsertImage_JustifyTools.png
    9. In this example, the right-justify tool was chosen. Here's the result:
      18_InsertImage_Justify.png
    10. To resize the image, simply click-and-hold one of the black squares and drag it:
      17_InsertImage_Resize.png
    11. That's it! You're done!

     

    Notes

    1. Files larger than 1600 pixels wide or 900 pixels tall will be automatically resized to fit within those criteria.
    2. Technically, you can use files as large as 100 MB, but something that huge would take forever to load on the web. Please keep files below one or two MB unless you need a high-resolution photo to illustrate fine detail.
    3. Agilent may edit your post to improve its format, such as resizing and justifying images. If you would like help, please reach out to community@agilent.com.