Vision Writing Visuals: Images (Uploading Series #2):

In my previous article, “…Uploading Series #1,” uploading articles is covered. Now it is time to talk about images.

While optional, including one picture in the “Drop Images Here” area is a good idea. This is so that the writing becomes “featured” on Vision Writing’s front page.

Of course, other images can be included in your writing. One image at the top of your writing is most likely best. It could even be a scaled down version of the same “drop images here” image. In addition, inserting video URL addresses is possible (more on that in the next article).

Images can be from just about any source on the web. But to avoid image copy-write and hot-linking issues (stealing bandwidth), I highly recommend obtaining images from Pixabay. The pictures at Pixabay are free of copyrights. All pictures are published under Creative Commons public domain deed CC0 and can be downloaded, shared and redistributed. Although linking to the artists Pixabay profile is not required, if possible and realistic, it would be a nice gesture to give the artist credit.

Another site that I like is Flickr (creative commons page).  This site does a fantastic job of explaining the various creative common licenses involved. Some images at Flickr are free to use, but they also require attribution (credit given to the artist).

Please download pictures to your hard drive first. For the Vision Writing site, the best maximum size is around 620×450, which is roughly a quarter of a page. Sometimes an image may be larger than normal and require editing (resized).

Although picture resizing is automatic to a degree, you might like to manually edit your pictures yourself.  There are many picture editors available.  I use a very nice editor called Paint.Net. It’s free, rival’s retail editing software and is pretty easy to use, which is excellent for a casual graphics editing enthusiast like me.

Once the picture is resized (or not) and saved somewhere on your hard drive, it is ready to drag and drop. Simply find the picture on your hard drive, click it and hold, then move it to the “Drop Images Here” area and let go. Give the upload about 15 seconds to reach 100% and you are done!

Drag-Dop-Move-Pic
Click To Enlarge

I also recommend storing your pictures at sites like Photo-Bucket or Yahoo-Flickr and then copy the sharing address of the specific picture. Why?

  • Opening an account at these types of sites is free with plenty of free storage.
  • No hotlinking worries.
  • The account owner has control over what pictures are available and the length of time the pictures remain available.

Example, before hot-linking became a big issue, I copied the address of a really nice photo from a public domain clip art site. It really added a great look to my article. After one week, the picture address changed and the link to my article broke… no control because I didn’t have the picture in my possession nor did I control the site it was stored.

Once the optional drag and drop is complete (or not), it is time to get a copy of the downloaded image off your hard drive and uploaded to another location.

Visuals: Pictures: Photo Bucket:

It is easy inserting a picture from a site like Photo Bucket. As you look at your photo album, click the Gear icon in the upper right of the picture that you want. Get the sharing address… I recommend Direct links for Photo Bucket.  The code box will flash yellow and automatically copy.

Photobucket-get-links-1
Click To Enlarge

Photobucket-get-links-2
Click To Enlarge

  • Direct: click the Visual tab option in the Vision Writing’s text editor. Click the Insert menu option and choose “insert image.” Now right click in the Source box and choose paste. Do not worry about the other options. Switch to the Visual tab option. The picture appears. If it is larger than you wanted, do not worry. You can resize it to whatever size that you want. Just click the picture and then use the cropping marks to resize.

Text-Editor-Insert-Pic
Click To Enlarge

Insert-Image-Source
Click To Enlarge

Text-Editor-Small-Pic-Crop-Hands
Click To Enlarge

Visuals: Pictures: Flickr:

Inserting a picture from a site like Yahoo’s Flickr is fairly easy. Note that you need an existing Yahoo.com account. If not, you will get the opportunity to open one when signing up with Flickr. Also, note that images via Flickr enlarge when clicked… automatically.  I recommend HTML links for Flickr.

Flikr-Photostream-1
Click To Enlarge

While looking at your Photostream of pictures at Flickr, click on the one that you want. An editing screen opens. On the left side, click the box-arrow-pointing-up icon. Another editing box appears. Click the HTML circular button option. This should highlight the code directly above it. Copy that HTML code.

Flikr-Photostream-2
Click To Enlarge

Flikr-Photostream-3
Click To Enlarge

  • HTML: click the Text tab option in the Vision Writing’s text editor. Place the cursor where you want the picture to appear and click. Now right click and choose paste. Switch to the Visual tab option. The picture appears. If it is larger than you wanted, do not worry. You can resize it to whatever size that you want. Just click the picture and then use the cropping marks to resize.

Flickr HTML Paste Example
Click To Enlarge

Text-Editor-Small-Pic-Crop-Hands
Click To Enlarge

The next article covers inserting videos into articles. In the meantime, if you have not done so already, why not register at www.visionwriting.marklvolz.com today? You could read all three articles in the “…Uploading Series” and leave comments, questions, suggestions or even write you own articles.

About Mark Volz

Vision Writing's very own site creator, administrator, and site author was recently published in "50 Haikus" (Haiku poetry publication) and is now undertaking content writing and word-press blog website design. As an upstate New York native, besides writing, he enjoys computer gaming and, software manipulation, low-level programming, hardware configuration, internet surfing and research and the warm weather beauty of central New York. He also continues to enhance his education through SUNY-IT CPE Online Courses regarding technology and writing (www.linkedin.com/in/volzmark/).