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.
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.
Once 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 ().
- 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.