Smart Image Processor PHP 2 Manual

Smart Image Processor PHP 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.

Smart Image Processor PHP 2 is compatible with GD2 and ImageMagick! Most PHP servers already have GD2 or ImageMagick installed but our extension enables you to utilize the full power of those graphical components like never before! By empowering true image manipulation without any hand coding Smart Image Processor PHP 2 will change the way you enhance your images forever!

Resize uploaded images – Advanced Resizing

Introduction

In this tutorial we are going to show you how to create texts and watermarks on your images.

An image with text

Watermarked images

Advanced Resizing

The basics

Make sure you know how to create a basic resize by reading this tutorial; Applying the Smart Image Processor PHP 2 Extension – A basic resize. And open the file that you created with this tutorial.

Setting the text options
Open the Smart Image Processor PHP 2 extension by double clicking on the Smart Image Processor behavior, go to the advanced tab. You can create text on your image by typing in the Text box in the advanced tab. You can style the text in bold, italic or underline if you like, note that the style is for the complete text. You can also change the font type, size, color and the position of the text.

We type DMXzone in the Text Area, and select the Lucida Sans (note: this font must also reside on your server), choose a font size of 22, set the color to #FFFFFF and we'll set the position to Bottom-Left. Press ok, upload the files to your server and press F12 to test. Please read the Text options – Installing additional fonts tutorial for more information.

The result, an image with a white text on the bottom left

Adding a Watermark image

You can add a watermark image by pressing the Browse… button. It is best to use a 24 bit PNG image for a watermark as it doesn't have the compression artifacts of a JPG image or the color reduction of a GIF file. Now set the Image Positioning options. You can choose from an Absolute Position, a Tiled Image or a Stretched image.

If you give the watermark image an absolute position the watermark can be placed on the Center, Top, Bottom, Left, Right, Top-Left, Top-Right, Bottom-Left or Bottom side of the image. Check the Shrink to fit option if you want the watermark image to be resized to fit in the resized image.

Set the transparency color and the opacity to define the color that will need to be transparent and to define the level of the transparency. We'll select #FFFFFF and we give the watermark image an opacity setting of 22 to make it more transparent (the default setting is 50).

To apply the Smart Image Processor PHP 2 behavior click OK. You will need to save the file in your site. Press F12 to test the result in your browser. Here are some examples of different settings and results:

Example 1: Watermark absolute position center and top

Example 2: Watermark absolute position bottom and left

Example 3: Watermark absolute position right and top-left

Example 4: Watermark absolute position top-right and bottom-left

Example 5: Watermark absolute position bottom-right

Select the tiled image If you want the watermark to be repeated across the image, you can set the horizontal and vertical spacing to ensure there is enough room around the watermark image(s).

Example 6: Watermark tiled image, Hspace, Vspace set to 0

Example 7: Watermark tiled image, Hspace, Vspace set to 20

Choose the Stretched Image option if you want to stretch the watermark image across the entire image. Tip: you can position your watermark using this option by creating a transparent area around your watermark image in your favorite image editor.

Example 8: Watermark stretched image

Example 9: Adjusted Watermark image itself by editing 20 pixels of whitespace around it in my favorite image editor.

Set the After Processing options
Set the Go To option if you like to go to another page after the image is resized, you can either enter a page manually or select the Browse… button to browse to a page.

Click ok and Save the file in your site
To apply the Smart Image Processor PHP 2 behavior click OK. You will need to save the file in your site. Press F12 tot test the result in your browser