The DNN image module provides us with an easy interface for adding an image to our web page.
Using this interface we can add the image without the need to know the relevant HTML codes.
The module allows us to define the following parameters:
- Image name
- Alt text. Used for mouse over effects and if the image is not served to the client browser. This is used by text only browser and text to speech convertors, such as Braille readers. Search engines tend to like it as well.
- Image width
- Image height
Take care when specifying the width and height to maintain the aspect ratio of the image. Setting one or the other only will allow the other to be automatically determined.
Add New Image
When adding an image, ensure that the image to be uploaded is approximately the same width and height as to how you wish to display it on the web page.
Whilst it’s possible to set the size of the image in the editor the larger an image is over it’s required size the greater the premium paid in wasted bandwidth used and time taken to download.
This article describes further how your image may be optimised for faster and more efficient downloading, for viewing in the client browser.
