Backend Image Manipulation¶

What does it do?¶

Often articles are decorated with images uploaded to the server. This images are optimized to be displayed at a special position or just provide a general overview.But what if an editor just need a special section for a teaser or a header image or some background for CSS?Manipulate it on the local computer is requiring additional programs...

As you can imagine: fdfx_be_image is the beginning of server based image processing focused on the TYPO3-Framework. At the moment it provides the capability to crop images. Further functionality will follow depending on requirements.

Starting with version 1.4.0 it is now automatically detected if DAM is available. If so and icon for image cropping will be added.

That's NEW!¶

Starting with version 2.0.0 images can be manipulated directly when selected as part of a content element. So far this feature is only available when DAM is available. Further it requires that dam_ttcontent is installed.

Due to the usage of DAM the information, which part of the image is cropped is stored separately. The processed image will be stored in a folder defined in the setup (i.e. ..../temp/...). If the images in this folder get deleted, images will be generated again based on the DAM information and the cropping sets. This gives you the change to exchange images if there are any problems e.g. with resolution or artefacts.

Sponsoring¶

The initial development of this extension was sponsored by www.weltkunst.de .

Sponsoring for version 2.0.0 was done by bgm GmbH, Munich .

Acknowledgment¶

This extension is based on developments provided by Alf Magne Kalleland at www.dhtmlgoodies.com .The server based image cropping was totally rewritten to be compatible with the TPYO3-Framework and meet the security requirements. Additional changes on the original Javascript code for the AJAX communication was required.

Screenshoots¶

Left clicking on a image in your Filelist provides an additional menu entry: FXImage.

If you have DAM it will look like this:

With DAM you get two icons: one for cropping and the second for rotating the image

You will get the image manipulation section. You can either crop, scale or rotate an image.

PDF¶

The actual version of this manual can be downloaded in PDF format at http://www. 4many.net/manual/fdfx_be_image/manual.pdf

Image Cropping¶

Image Rotation¶

Image Scaling¶

Image Wizard¶

The image wizard allows you to manipulate an image directly when selected in a content element. It requires that following extension are installed: dam, dam_ttcontent. Without this extension the option will not be available (as long as there is no FAL).

Installation¶

Just download the extension using the extension manager. Starting with version 1.3.0 local installation is now supported.

Setup¶

During installation or at any time you click in the extension manager you can setup some general settings.

FDFX_BE_IMAGE{
   display.maxWidth=600
}

FDFX_BE_IMAGE{
   display.maxHeight=600
}

FDFX_BE_IMAGE{
   display.fixedSize= 200x80=small Banner,480x120=Big Banner
}

FDFX_BE_IMAGE{
   display.cssFile=/fileadmin/css/style.css
}

FDFX_BE_IMAGE{
   display.imageFormat=png
}

Administrative Hint¶

When the wizard for images manipulation is available (i.e. dam and dam_ttcontent is installed) processed images will be store at the folder defined by SAME_PATH, IS_ABSOLUTE, NEW_PATH. The resulting path will be extended automatically with .../temp/.

If you want to exchange the source of an image and get the resulting image in the front-end rerendered you just have to deleted the images in the temporary folder. To make it easy for you it might be wise to use an absolute path sitting below typo3temp/.

Setup option only available in user/group TSCONFIG¶

This options are only available on user/group base i.e. can only be set using TSCONFIG.

FDFX_BE_IMAGE{
   display.disableRotation=1
}

Configuration¶

Due to different requirements each BE-user or group can be configured individually. To do so add this to the user or group TSCONFIG:

FDFX_BE_IMAGE{
   display
   {
   maxWidth=600
        maxHeight=600
       fixedSize=200x80=small Banner,480x120=Big Banner
    fixedSizeDefault=1
  samePath=0
  isAbsolute=1
        newPath=/path/to/the/images/stored
  imageFormat=png
     cssFile=/fileadmin/css/style.css
   }
}

This will override the general settings made during setup of the extension on a user based and will make the best use of the individual hardware.