Please wait while loading...
About iManager
iManager
Section
Image manager

net4visions.com - the image manager for WYSIWYG editors like FCKeditor, SPAW, tinyMCE, and Xinha!

Not only does iManager upload images and supply file management functions, it also adds truecolor image editing functions like: resize, flip, crop, add text, gamma correct, merge into other image, and many others.

iManager is written and distributed under the Lesser General Public License LGPL which means that its source code is freely-distributed and available to the general public for non-commercial use.


Click here for some examples.

Version: 1.3 - build 08122005
Select an image library
Image info
Click to switch image selection view
Click for a larger view of picture
Create a link to an image to be opened in a new window.
(Remove popup link)
Click to enter special character into title fieldTITLE - displays image description onmouseover
Create a directory Upload image Rename image Delete image Please open section to upload/rename or delete image.
Delete image
Rename image
Click to create a directory
Upload image
Check the desired size(s) to be created while uploading image(s)
Original 
400 px
350 px
120 px
Click to enter special character into title fieldTITLE - displays image description onmouseover
Click to enter special character into description fieldALT - textual replacement for the image, to be displayed or otherwise used in place of the image
Please make sure that the selected style exists in your stylesheet!
The 'align', 'border', 'hspace', and 'vspace' attributes of the image element are not supported in XHTML 1.0 Strict DTD. Please use the CSS-style instead.
()
(px)
(px)
(px)
(px)
(px)

Lorem ipsum, Dolor sit amet, consectetuer adipiscing loreum ipsum edipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Loreum ipsum edipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exercitation ullamcorper suscipit. Lorem ipsum, Dolor sit amet, consectetuer adipiscing loreum ipsum edipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

checked: set image caption / unchecked: no image caption set or remove image caption
(set image caption)
Please make sure that the selected style exists in your stylesheet!
If checked (default setting), then thumbnail (modified image) will be rendered to file. Otherwise thumbnail will be created dynamically.
If checked, toolbox changes will be applied to existing image - original image will be overwritten! If unchecked, toolbox changes will be applied and saved to new image file.
Please select desired image format - (default: jpeg)
Click for a larger view of picture
Reset interfacePreview cropped areaClose interface
Section
Click to reset dimensions
(px)
(px)
Allow enlargment of image - this may lead to distortion of image!
(allow enlargement)
Keep aspect ratio - image proportions are NOT changed.
(default: keep aspect ratio)
Ignore proportions - disable proportional resizing and stretch image to fit width and height values - this may lead to distortion of image.
(ignore aspect ratio)
Open sectionClose sectionForce aspect ratio - keeps proportions of the image and creates a fixed size thumbnail!
(force aspect ratio)
(background - only if jpeg)
Zoom crop - this will auto-crop the larger dimension so that the image will fill the smaller dimension.
(zoom crop to new dimensions)
Open crop interfaceClose crop interfaceCrop interface - either enter your values manually or use the provided crop interface.If you are working with the crop interface, use either the 'shift' or 'ctrl' button to resize the crop area
Open crop interface
(default: 50%)
(default: 50%)
(default: 0px)
(default: 0px)
Set crop area ratio (default: 4 : 3)
4:3 1:1 none
User either 'flip' or 'rotate' to change the image orientation
Open sectionClose sectionIf set to 'EXIF', orientation stored by camera is used
Rotate by angle: angle of rotation in degrees; positive = counterclockwise, negative = clockwise
(default: 90°)
Auto rotate: set to exif info, to use EXIF orientation stored by camera. Can also be set to +180° or -180° for landscape, or +90° or -90° for portrait. Positive values for clockwise and negative values for counterclockwise.
(default: 90°)
(background - only if jpeg)
Open sectionClose sectionFilters - apply filters to image
Open sectionClose sectionEffects - apply colors to image
(default)
(default: 128)
Open sectionClose sectionSepia - Sepia toning is used by photographers to create a warmer print tone. Sepia-toning gives your image an antique feel.
(default: #a28065)
(default: 50)
Open sectionClose sectionColor - colorize image
(default: #ffffff)
(default: 25)
Open sectionClose sectionTouchup - enhance image quality
(default: 1)
(default: 0)
Blur softens the focus of selected image.
(default: 1)
Open sectionClose sectionSharpening filters emphasize the edges, or the differences between adjacent light and dark sample points in an image. The Unsharp Mask filter has parameters that allow it to affect only the edges in the image, and to exclude the smoother low-contrast areas.
unsharp mask
Radius controls how wide the edge rims become, and Radius = 1.0 is about the right ballpark, with 0.6 to 2.0 often being useful.
(default: 1)
Amount is like a volume control, exaggerating the edge differences (how much darker and how much lighter the edge borders become). Amount interacts with Radius as to degree of sharpening, but it does not affect the width of the edge rims. Amount has a large effect, and values of 80 to 120 are normally usable if the Radius isn't too large.
(default: 100%)
Threshold specifies how far apart adjacent tonal values have to be (values of 0..255) before the filter does anything to the edges, before it is judged to be an edge at all. Low values should sharpen more because fewer areas are excluded. Higher threshold values exclude areas of lower contrast.
(default: 3)
Open sectionClose sectionLevel - this function is similar to the auto contrast function in Adobe Photoshop
auto contrast
(default: all)
(default: auto)
(default: auto)
Open sectionClose sectionBalance - the filter attempts to maintain brightness so any gray color can theoretically be used.
white balance
(default: #ffffff)
Open sectionClose sectionAdd either 'text' or 'picture' watermark to image
Select type of watermark to be applied to image
text image
Click to enter special character into text fieldEnter watermark text to be applied to image
(default: #000000)
Select either pre-installed system font or true type font for more font variations
system true type
(default: arial)
(default: 10px)
(default: 0°)
(default: 3)
wm001
wm002
wm003
wm004
wm005
wm006
wm007
wm008
wm009
wm010
wm011
wm012
wm013
(default: 75%)
(default: 5%)
(default: bottom-right)
Open sectionClose sectionOverlay - overlays an image on the thumbnail, or overlays the thumbnail on another image.
Arrange - If set to 'bring to front', overlay image will be set on top of your image (default). If set to 'send to back', your image will be set on top of the overlay image.
bring to front send to back
(default: 75%)
(default: 0.10%)
Select an image library
Click for a larger view of picture
Open sectionClose sectionUsing the masks below you can created some really fantastic looking images
(background - only if jpeg: #ffffff)
Click for a larger view of picture
mask001
mask002
mask003
mask004
mask005
mask006
mask007
mask008
mask009
mask010
mask011
mask012
mask013
mask014
mask015
mask016
mask017
mask018
mask019
mask020
  • Bevel
  • Bevel
  • Frame
  • Shadow
  • Border
  • Corner
  • Ellipse
open all sectionsclose all sectionsImage wizard - allows you to add some special effects like bevel, frames, drop shadow, borders, curved corners, and ellipse
Open sectionClose sectionBevel - to add a slightly raised or sunken effect to the image. The width of bevel is variable as are the colors for both the top+left and base+right shading.
(default: 10px)
(top, left)
(bottom, right)
Open sectionClose sectionFrame - a quite simple single color picture frame is drawn around the image and given the effect of being raised by a lighter and darker edge. With variables for light color, dark color and frame width.
(border width)
(bevel width)
(main frame)
(highlighted bevel)
(shadow bevel)
Open sectionClose sectionDrop Shadow - a shadow effect fades from two edges of the image.
(default: 10px)
(default: 5px)
(default: 225°)
(default: 1)
(shadow color)
Open sectionClose sectionCurved border corner. Variables are used for the edge radius, the background color and border width.
(default: 1px)
(default: 20px)
(default: 20px)
(if width > 0)
(background - only if jpeg)
Open sectionClose sectionRound corner - used to take the harshness away from simple rectangular image. Variables are used for the edge radius, the background color and the anti-alias width.
(default: 20px)
(default: 20px)
(background - only if jpeg)
Open sectionClose sectionEllipse - carving away the outer borders into the shape of an ellipse can work especially well on sites which use a more rounded design. Currently used one variable for background color.
(background - only if jpeg)
Open sectionClose sectionSwitch to section
Switch to section
Switch to section
Open sectionClose sectionSwitch to section
Switch to section
Switch to section
Open sectionClose sectionSwitch to section
Switch to section
Switch to section
Switch to section
Switch to section
Switch to section
Open sectionClose sectionSwitch to section
Switch to section
Switch to section
Switch to section
Switch to section
Switch to section
Switch to section