working with images

Hi Aradhya, welcome "the world of Umbraco"

Inserting an image is very easy, and there is several ways to do it, here's one:

1. Click "Media" in the sections, in the lower left of the Umbraco windows
2. Right-click on the folder "Media", select create
3. Write a name for your Image, and select "image" in the media type drop-down
4. Click the "Create" button
5. Now you get to your new Image element properties - click "Choose file", and browse to the image on your local computer
6. REMEMBER to click the "Save" icon (little blue disc in the menu bar)
7. When Umbraco is done saving your image, a thumbnail will be shown of you image. Remember your image is not saved in the media library, before you see the thumbnail of your image
8. Go to the page, on which you wish to add you image in the "Content" section
9. Put the cursor in the content, where you wish to add your image
10. Click the "Insert/edit image" button (a little icon of a tree) on the menu bar in the rich text editor in the rich content section
11. Choose your image in the media Library. (if you want to change the size of the image, you can also do it here)
12. Click the "insert button"
13. ....and you're done.

If you resize your image, a new version of your image is automatically generated (will not change the original image), so you dont have to save different sizes of the image - this is very usefull feature. The same is the case if you resize the image, by "pulling" the corners of the image in the rich text editor - and it will even constrain the proportions of the image if you chose that when you inserted the image - EXTREMELY usefull :o) (will constrain proportions when you click save, or save'n'publish)

Have fun with Umbraco, and welcome to the community :o)

/Christian

Hmmm - a bit comprehensive guide - but better safe that sorry :o)

Just a note to say that you don't actually have to go through steps 1-9. When you're in a rich text area, you can click the inser/edit image button and upload an image straight into the media section there.

Absolutely true Sebastiaan - as mentioned there's several ways to insert an image, just wanted to give a hint to media / content structure in Umbraco :o)

Seeing that there was 13 steps to insert an image, also made me wonder, if could be done somewhat easier, both directly from the content section, and from the media section... Hmm...

Btw Aradhya - if you want to sort you images in folders, in step 3, choose "Folder" instead. Rightclick on the folder you created, and then choose "create" as in step 2, and continue from there.