Working with Images

WebMatrix ships with a WebImage helper that is designed to assist with the manipulation of images on your website. We already saw it in action in the last chapter, when we used it to upload product images to the TechieTogs example website. In this section, we will look at the helper in more detail and see how it can be used to:

• Let users upload images
• Resize and crop images
• Flip and rotate images
• Add a textual watermark to an image
• Overlay another image as a watermark

Create a new WebMatrix site in order to work through the examples in this section. Within the root of the site, you should create a new folder called ‘images’. It is important that you create this folder in the correct place, with the correct name, because you may receive error messages if you try to manipulate an image that is not in the correct path, or try to save an image to a folder that doesn't exist, when working through the examples later in the chapter.