Skip to Questions

Guide FAQ - Your LibGuides v1 Questions. Answered!

Q

How can images be resized in the text box? I am inserting screen captures that need to be reduced in size. I do not know the image dimensions.

Once the images are uploaded into the text box how can they be resized? The image add-on does not display the current image dimensions as it is uploaded. It would be useful to change the dimension and have the add-on box auto calculate the image ratio. Using the mouse to resize the image in the text box does not keep the image ratio.
Last Updated: Nov 26, 2010  |  1274 Views
Topics: Images

Was this helpful? 2   4
A

Answer

The Insert/Edit Image screen has options for adding width & height of images. You do not need to define both - you can define a width and the browser will take care of the height (or vice versa), keeping the aspect ratio of the image. So, you don't really have to know the initial size of your image - just the size of the column your box is in!

Before describing how to find you image size and how to resize them in your guide, I'd like to point out that the better option is to resize the image before adding it to your guide. Large images can still take a very long time to load on your page, even if you use the resizing attributes of the image tag.

All changing the dimensions does is make it smaller on the screen - it does not actually change the size of the original image, nor does it make the file size smaller. If it's a minor change, it's perfectly fine to change the dimensions using HTML or the Insert/Edit Images function. If it's a major change, however, you'll want to resize the image in an image editing program before uploading it into your guide.

You can get more tips on image sizing on our FAQ: What image size should I use?

Now, on to finding the size of your image and resizing it in your guide:

  • To find the size of your image: you can open the image in an image editor. Most times it will give you the dimensions on a "resize image" screen.
  • To find the size of your column: go to Add/Edit Pages > Toggle/Resize Columns and check out the pixel size of the columns on your page.

Insert / edit image screenOnce you know the size you want to make your image:

  • Click edit text for the box where you added the image.
  • Click on the image to select it.
  • Click the Insert/Edit Image icon - the tree icon (tree icon).
  • In the Dimensions box, enter the width or height you'd like the image to be. Width is the first box, height the second.
  • Click Update.

That's it! Your image should now be resized to fit in your column.

Answered by Anna BurkeBookmark and Share

Other Answers / Comments (0)

    Need Help?

    This site contains FAQs for LibGuides v1 only.

    LibGuides v2 Documentation
    (You must have a LibApps account to access that site.)

    Or click HELP in the orange command bar of your v2 system.

    Support:

    Follow LibGuidesFAQ on Twitter Follow us on Twitter!
     Your questions, answered!

    Browse by Popular Topics

    Accounts  –  Admin Area  –  API / Widgets  –  Boxes  –  Catalog / Database Integration  –  CSS  –  Customization  –  E-Reserves  –  Embedding Objects  –  General System Questions  –  Group Management  –  Guides  –  Holiday Closures  –  How To...  –  Images  –  LibGuides CMS  –  Links  –  Mobile  –  Pages / Tabs  –  Profiles  –  RSS  –  Search  –  Security  –  Statistics  –  Subject Categories  –  Survey/Form Tool  –  System Administrators  –  Tags  –  Webinar  
    View All Topics

    Related content from Springshare v1 Help