Smart Image Processor ASP 2 Manual
Smart Image Processor ASP 2 is DMXzone’s most powerful Image Resize, Enhancement and Manipulation extension that allows you to quickly and easily process multiple images, create thumbnails, use image options such as crop, flip, rotate, sharpen and blur, or create grayscale images. You can even brand your image by including a watermark or text.
Amazing Image Manipulation
Let the user upload all sorts of images and then resize, crop and improve image quality automatically on the server. The extension can process images uploaded by Pure Upload 2 and 3, stored in a Recordset or folder.
Add text to your images
Now you can print any text on your image, even watermark text! This extension allows you to set rich text options, set text overlays, color and alignment to brand your image any way you like to.
You can also add watermark image and set options such as opacity options, color keying and positioning. Be creative and use this option and the many other text options for multiple purposes. For example now you can brand your images with your site logo or captions.
With the Smart Image Processor 2 Extension you can create and save thumbnails of your images. In this tutorial we will show you step by step how to create thumbnails of your uploaded images.
Below is an impression of the scale of the images, the size is not in actual pixels, it is just an impression to give you an idea of the scales involved.
Original Resized image Thumbnail
- The basics
Make sure you know how to create a basic resize by reading this tutorial; Resize uploaded images – A basic resize.
- Create a new ASP page
Create a new or open an existing ASP file where the Pure ASP Upload Server behavior and the Resize Uploaded Files server behaviors need to be applied to..
- First apply the Pure ASP Upload behavior
Make sure you have a form with a File Upload Field and a Submit button.
1. From the Server Behaviors panel select DMXzone - Pure ASP Upload (2 or 3).
2. Browse to the folder where the images will need to be uploaded to.
3. If you choose the option Prefix With Full Path, you do not need to mention the folder when you are trying to display the thumbnail.
4. Leave Go To After Uploading empty, since we are not done after this.
5. Click CTRL-S (Command S for Mac users) to save the file.
Pure Upload 3 settings
- Resizing the original image
Apply the Smart Image Processor 2 behavior for the creation of the original image.
Check the Resize option and change the width and height in the image sizing tab to 155.
Press ok to apply the behavior and save the file.
Now that we've added one behavior to resize the original image to 155 by 155 pixels, the result should be similar to this:
Original Resized image
- Adding another server behavior for the creation of the thumbnail
Apply another Smart Image Processor 2 server behavior for the creation of the thumbnail.
Once again the Smart Image Processor 2 Panel is opened. Check the Resize option and change the width and height in the image sizing tab to 50 to create a small thumbnail.
Check the Create New option and enter the changes that need to be made to the path, filename or file extension. ##path## is the path of the original file, ##name## is the filename without the extension, you can add ##filename## for the complete filename. We'll leave the default option so our filename will start with "thumb_ " and the rest will be the same.
To apply the Smart Image Processor 2 behavior click OK. You will need to save the file in your site. Press F12 tot test the result in your browser
Now that we've added one behavior to resize the original image to 50 by 50 pixels, the result should be similar to this:
Original Resized image Thumbnail