Resizing Images

You can resize images with various methods. This can be done through styles or by using local formatting. Using styles is usually recommended because the setting is automatically applied to any content using that style throughout the project, whereas local formatting affects only the particular content that you are working on.

Following are the tasks you can perform.

  • Resize with Styles You can resize many images at once by using the img style in the Stylesheet Editor. Not only can you select a specific image size, but you can also set a maximum or minimum height or width. You can set either the width or height on the image tag and let Flare set the other property automatically, maintaining the aspect ratio (i.e., size proportion of the image). Using this method, you can take advantage of single-sourcing by also using a print medium in the stylesheet. Simply specify one group of settings for the medium used for the online output, and use another group of settings for the medium used for print-based output. See About Mediums and Media Queries.

  • Resize Locally Using Properties You can resize an image locally by setting its height and width properties, including maximum or minimum height or width. This is similar to the styles method, except that the properties are set only for a specific image, not on a style that can be applied to many images. This method also lets you take advantage of single-sourcing, because there is one group of settings that can be used for online output and another for print-based output (based on the medium that you are using for the target—e.g., default, print).
  • Resize Locally Dragging the Icon You can resize an image locally by clicking and dragging the icon in the lower-right corner of the image. When you use this feature, Flare automatically sets the new height and width on the image tag.
  • Reset Size If you resize an image and then decide you want it to be its original size (even after you save your work), you can easily reset it.