|
|||||||||||||||||||||
General help movies Editor help movies |
1 Introduction to ImagesImages bring the internet to life. Having clear, descriptive pictures and images inside your site will directly contribute to its success. Our editor makes it simple and fun to add images to your website. You can upload images and store them in your own library. There is no need to worry about getting the sizing right or learning complicated commands with an expensive image editor - you can drag the images where you want and size them perfectly by just click and drag the edges to make the images perfect for your site. There is no need to learn complicated programming commands or HTML script, just tell our system how you want your images displayed and it does all the hard work for you. This guide is intended to provide additional information over and above that contained in the help video. It is assumed that you have watched the 3 minute video prior to reading this guide. To watch the Image help movies type the following address into your browser http://www.reason8.com/upd8/flash/activedit/index.html A screen will then appear and you should click Option 6 to watch the movies that discuss Images. This guide is arranged into two sections Section 1 deals with everything you need to know about the process of uploading images into your website. Section 2 deals with the most important aspect of images, how to get them to look great in your website. 2 Section 1 - Uploading imagesBefore you can display a picture on your website you must first place that picture on the same computer (server) as your website. This process of moving a picture from your computer to the server is called uploading. 2.1 Before uploadingBefore you upload images you must first locate the image you wish to upload. You should try and establish two things 1. the format of the image, and 2. the size of the image. 2.1.1 FormatOur system can take all three of the most popular formats for images .jpg .bmp and .gif. If your image is in any one of these three formats you can upload the image into your image library. 2.1.2 SizeImage size is measured in pixels. Images are displayed at 72 pixels per inch on the web, therefore a 200 pixel image corresponds to approx. 3 inches on the screen. The maximum size of image that the system can display is 400 pixels wide. You should try and make sure that your image is .jpg, .gif or .bmp and that that it is less than 400pixels wide. 2.2 Uploading an imageThis is covered in more detail in the help movie but has been provided here for consistency
Trouble shooting If you find that nothing happens after you have clicked the [Upload] button it is highly likely that the image you have chosen is very big. Upload speeds are much slower than download speeds even for broadband connections). You may have to wait a few minutes if you picture is very large. 2.3 Maximising image qualityTo maximise the quality of image displayed o your site we recommend uploading:
If you upload an image that is larger than 400 pixels the system performs the following operations:
However the technology used to reduce the size of the image is one chosen for efficiency not for quality. As a result shrinking the image causes a loss of quality. To avoid this loss of quality it is advisable to choose an image that is less than 400pixels wide. If you have an image (perhaps a picture from a digital camera which is much larger) it is recommended to use a graphics program to reduce the image prior to uploading. If you do not have a graphics program, you can download an excellent program FREE from the following address http://www.reason8.com/asquareimage.exe . We have been given permission by Trivista to distribute this software to our customers. 2.4 Images from digital camerasIf you wish to upload images direct from your digital camera onto your website there are a number of points that should be taken into consideration. With the image quality from digital cameras increasing, the number of pixels and the image size is increasing too. (Even a low quality camera nowadays can produce images that are 2000 pixels wide) This increased size means that upload time will increase as images as large as 2Mbytes are uploaded into the system. It also means that the image scaling algorithms used will cause a reduction in quality from the original. If you are taking pictures on your digital camera for your website we recommend choosing a small file size setting. 2.5 Animated imagesAll images uploaded will be converted into .jpg format. If you upload an animated .gif image the animation will be lost and the first frame of the animation converted into a .jpg image. 3 Displaying images on your websiteOnce you have uploaded the image onto your website you can then choose how to display the image. 3.1 Adding descriptive textWhen you roll your mouse over an image you are often presented with text in a yellow box similar to that shown in the picture.
This is known as Alt text. It is powerful as it not only gives the user a lot more information about the image but the search engines too. There are two ways to add Alt text to an image: 3.1.1 Adding Alt text when you load an image
3.1.2 Adding Alt text to an existing image
3.2 Resizing your imagesIf the image you have uploaded is bigger than you would like it is easy to change the shape of the size of the image. Just click the image once so that the squares appear around the edges. Then click any of the squares and drag to resize the image as you wish.
Alternatively you can open the Insert image window by clicking on the icon and manually choosing an image height and width. 3.3 Positioning your images on your webpageOnce you have uploaded your image, added descriptive text and made it the correct size you can then decide how to position it. TIP It is often better to add the text before you add the image. This way you can decide the best location of the image. The amount of text will help you decide how to position the image. 3.4 Positioning your image by dragging it with your mouse
3.5 Placing your image above or below your textBy default the system will assume that you want your image inline with the text. This means that text will NOT flow around your image. This is ideal if you want to place your image above or below your text or interrupt the flow of your text with your image as shown. With this setting, your image will appear wherever you drag it but text will not flow around the outside of the image 3.6 Changing the image alignment settings:You can change the default settings of how the image and the surrounding text behaves. To change the settings
The following table shows the result of each of these settings.
|
||||||||||||||||||||
| Introduction | Basic | Style | Webpages | Groups and Items | Other | Buynow | Images | Hyperlinks | Home | | User guide | Link guide | Image guide | Buy guide | |