View source for Add an image

=== 3 Insert the picture to an Article ===

:*Highlight the image you want to use
'''Enter the details for inserting the image'''

[[Image:GSimageInsert5.png|frame|center|'''The image is highlighted in the top part of the screen''']]

:*'''Image URL:'''This is filledout when you select an image
:*'''Image Description:''' Give the image a description (needed for those who are visually impaired and have the information converted to speech).
:*'''Align:''' This can be set to the left or right of the text.
:*'''Image Title:''' Give it a title, which displays when the mouse cursor hovers over it.

It is now ready to be inserted
:*Click the Insert button at the top right of the dialogue box
The picture should be inserted on the page according to your instructions. It may look a little strange in the editor.

:*Save the article
:*Check that it looks OK

[[Image:GSimageInsert6.png|frame|center|'''The image inserted in an Article. The layout does not use a table in this case.''']]

A common problem is that the picture is the wrong size and sometimes much too large.

*You can resize it in a number of ways:-
:*'''resize it on the screen''' - the most straightforward but there is a bit of a knack in doing it!
::#Position the cursor over the small square 'toggle' in one corner
::#drag it to make the image smaller or larger.
::#You can repeat re-sizing again but may need to Save and then Edit again.
:*'''resize using the Insert/Edit icon''' on the toolbar (a green box - actually an oak tree)
:**Use Alter Dimensions: But be careful because you need to keep the relationship between the height and width of the image. With a very large picture it can be useful to put in a decimal place.
:*'''resize the original picture''' using an editor and upload it again.
:**Then delete it from the article, re-import and insert it again.

It is often necessary to fiddle around to get it the right size and in the right place.