Adding a picture to your blog post might be confusing so we thought to give you the step by step process.
Hint: You can click the images to enlarge them.
Once you have started to write your blog post, you easily add a picture to make it look better or perhaps to illustrate something. Lets assume you have the blog post open in edit mode, then the next thing you do is click this icon. (see image highlight)
(step 1) A new window will popup where you will get the choice to add the media (image or video) by either uploading an image from your computer, by adding it via URL (if the image is already somewhere on the web) or from this website’s library (images that you have uploaded before). We will step through the process of uploading from your computer as this is likely the most common. On the window that popped up you will see a button with the text “select files” Click it… (see image highlight)
(step 2) Now a windows has popped up that allows you to browse your computer folders. Browse to the image you want to insert, select it, and then click open. At this point the image will be uploaded to the webserver so it can be inserted in your blog post. Once this completes a new window pops up that allows you to truely insert this image. Now before you do this you can still add some more info about this image. If you were to type something in the box “capture” it would add this as an image description below the image. This is not required. You also get to specify how big the image will be that you insert. Thats right, even if you uploaded a large image you can still size it smaller in your blog post. The width of a blog post will support an image of 670 pixels wide, but because modern cameras take pictures with much more definition (pixels) it might be wise to reduce the size before you upload them. There is no need to upload much larger pictures, and it just takes longer to upload them. (the maximum size btw in MB is 8 MB however images larger then 5MB sometimes give trouble)
(step3) Now lets get back to the window that popped up after the image was succesfully uploaded. The size you can pick by selecting
Thumbnail – a cropped image of exactly 150 by 150 pixels
Medium – a resized image by which the maximum width or height is 300 pixels
Large – a resized image by which the maximum width or height is 670 (this is the full width of a blog post)
Or Full size – don’t select this if your image is larger than 670 wide … It will not fit the blog post
Besides sizing your image you also have to define how it will be displayed in relation ship to the text surrounding it. This is done by selecting the allignment. When you are all done then you can click “Insert into Post” (see image highlight)
Repeat this for as many pictures as you want to insert.
Some other noteworthy things about images…
when you insert an image the reader will have the option to click it to see the full size image that you uploaded. (as you saw when you clicked on the images in this blog post)
if multiple images were inserted the reader can flip through all full size images by using the arrows in the full size image pop-up
If you made a mistake you can re-open the blog post and edit it. You can even resize the images, and even reduce them more by a percentage if needed. (simply click the image when in edit mode)
when you insert multiple images in a post the image window that pops up when inserting images will also have a tab named gallery. This allows you to work with all the images that you inserted in the post.
Finally, please let us know if this helped you or if you found an error in this help document. Or simply to let us know if something is not clear, this way we can edit this post to make sure it becomes as clear as possible for all. The best way to let us know this is by adding a comment below this post. Try to be as clear as possible so we can attempt to help you. If you simply want to let us know that this helped you we would also like to know. 😉