Login
Password

Forgot your password?

Aligning Images in the New Editor

By Edited May 26, 2016 2 6

Several people have complained about the new editor in the forum and one of the concerns were about images so I thought I would make a small HowTo article about it. I am going to show you:

  • how to add an image in your InfoBarrel article
  • how to resize it
  • how to align it

1. How to Upload an Image

Here is the way I do it. First add a text element where you will be able to write some text, etc...

Then, add an image in this text element by clicking on the "Images" tab.

InfoBarrel Image 1

Three choices come to you:

  • Article Images: this is for the images you have already uploaded for this article. It is empty if you haven't uploaded an image yet
  • All Images: these are all the images you have uploaded so far at InfoBarrel. Again, empty if you have never uploaded any images so far
  • Upload: this is what I am going to show you today. It is to upload an image

Upload options:

It is pretty straight-forward:

  • Image Title: the title of the image. For example: "Sunset in the Bahamas"
  • Image Credit: important if the picture you are using is not yours. For example: "FreeDigitalPhotos.net" NB: giving credit to a photo is not enough to ensure you have the right to use it. Be careful about what licence is linked to the photo. In doubt, ask in the forums
  • Image Description: you can for example insert here what licence is used (Public Domain) or any comments you want (this is a picture from my trip to the Bahamas, photo reproduced here with the kind permission of X,...).

When finished, click on "Upload". You have now uploaded a picture and you can go to the next step.

2. How to Insert the Uploaded Image in a Text Module

In the "Images" tab, "Article Images" sub-tab, you should now have the picture you just uploaded. But how to insert it in your article?

First make some space where you want to insert the image. For example one or two extra blank lines. Then, position the cursor at this place. And finally, use the "Insert" Button

InfoBarrel Picture

3. How to Resize the Picture

Now, you are in the good direction. The picture is uploaded and inserted in your article. But, what if you want to resize it?

Nothing easier (when you know it). Right click on the picture and select "advanced.image_desc".

InfoBarrel Resizing Photo

You then have a box which appears. Select the tab "Appearance". Enter for example the desired width.

 

InfoBarrel Change Image Size

If you tick the "Constrain Proportions" option (recommended), you only have to specify 1 parameter and IB will calculate the other parameter accordingly.

I generally use a width of 300 or 400, depending on my intention.

Click on Update. Don't worry too much about the Warning message. You can also change the size again if you are not happy with it (test several times).

4. How to Align an Image

Now that the image is uploaded, inserted in your text module and resized to your need/taste, you only need to choose the alignment.

Simply click on the it. The text editor bar on the top (the one you use for text in general) has some alignment options 

InfoBarrel Align Image

This should allow you to choose between middle, right or left alignment.

Conclusion

Congratulations, you are now able to add some illustrations to your articles! If not, don't hesitate to ask for some more clarifications.

Need Pictures for Your Articles?

Canon PowerShot SX260 HS 12.1 MP CMOS Digital Camera with 20x Image Stabilized Zoom 25mm Wide-Angle Lens and 1080p Full-HD Video (Black) (OLD MODEL)
Amazon Price: $449.99 Buy Now
(price as of May 26, 2016)
Nothing can beat having your own photos in your articles. Have a look at this number 1 bestseller camera!
Advertisement
Advertisement

Comments

Apr 15, 2013 4:31am
ladybugblue
Wow, this article is awesome. I am saving this for reference as its a very simplified version as I've had trouble with the images. Thanks!
Apr 15, 2013 4:48am
adragast
Thanks for your comment, glad it helped.
Apr 21, 2013 2:52pm
jindovina
Thanks! I'm a newbie and this really helps!
Apr 22, 2013 12:27am
adragast
You are welcome, I am glad it helped.
May 14, 2014 7:23pm
Ruby3881
Thanks for a very straight forward explanation! I used your article when I added the images to my first submission.
May 15, 2014 3:24am
adragast
I am glad this article helped you. Thanks for taking the time to comment!
Add a new comment - No HTML
You must be logged in and verified to post a comment. Please log in or sign up to comment.

Explore InfoBarrel

Auto Business & Money Entertainment Environment Health History Home & Garden InfoBarrel University Lifestyle Sports Technology Travel & Places
© Copyright 2008 - 2016 by Hinzie Media Inc. Terms of Service Privacy Policy XML Sitemap

Follow InfoBarrel