Dynamic Single Source Imaging

Dynamic Single Source Imaging

All images in any size at any time – simply by changing the URL.

Learn more
Sample
Next feature

All of your website images in one place.

No more batch file format conversion – use one file to get website images on the fly.

Responsive, dynamic and unbeatably fast.

You just need one high-resolution image to have FSI Server create the desired image size, cropping and image effects in an instant.

Save publishing time, disk space – and money.

Real-time rendering your images results in fewer files, more optimized responsive resolutions and faster loading time and thus higher page ranking.

Responsive image zoom on every device.

Provide zoom functionality to your website visitors without any hassle – no matter where they are and which device they use.

See how easy Single Source Imaging is:

You just upload one image, the changes are made on-the-fly and dynamically in the image URL!

Width:
Quality:

URL:


Change the sliders or edit the parameters in the box above to see how it affects the image. See the image in a new tab.

No more time-consuming manual cropping and image editing – you only need to store the source image on the server, the rest is done dynamically while delivering.

View more samples

The powerful key to delivering all of your images fast and cost-effective.

A normal e-commerce website needs to provide each product picture in different sizes and variations: a scaled version for the product overview, several thumbnails, a full high-resolution detail view for the product page, a modified version marked with a sale tag, a different color, etc. Depending on the number of products displayed on the website, this can lead to thousands of images which need to be stored and made manually.

Using FSI Server with our Dynamic Single Source Imaging technology (SSI) you only have to provide one high-resolution source image for each image used on a website. FSI Server dynamically generates images in different formats, dimensions and qualities on-the-fly. Due to the software architecture, FSI Server uses the available processing power most optimized, resulting in very fast and speedy image delivery.

Normal image, embedded with static dimension via image tag

<img src="//fsi-site.neptunelabs.com/fsi/static/assets/images/shoestatic.jpg" alt="" width="304" height="263" />

This image is embedded as a static image. If you pinch-zoom into the site using a touchscreen device, the image becomes blurry.

Dynamically generated image
with Touch Zoom and Hover Zoom

This image is dynamically generated by FSI Server and offers hover zoom on desktop computers. Additionally, it automatically adapts to the zoom scale if you pinch-zoom into the website with a touchscreen device.

Same image presented with Zoom & Pan Viewer via the fsi-viewer tag

<fsi-viewer width="100%" height="293" src="images/samples/IMG_2915.tif" nonav="true" inplacezoom="true" skin="white"></fsi-viewer>

Adding the extensive zooming functionalities of FSI Viewer improves the customer experience even more. Use the zoom buttons or click on the image to use FSI Viewer. In order to implement the viewer, you only need to add the JS script and the fsi-viewer tag to your website.

Responsive images vs. FSI TouchZoom

How to easily publish dynamic images on all devices.

FSI TouchZoom is included in FSI Server. After downloading and installing the software, publishing interactive images across all platforms is incredibly easy and takes just a few clicks.

1. Upload Your Images

Open the ‘Upload’ Tab and upload your pictures to the web interface via Drag & Drop or by clicking the Browse button to add files.

2. Choose Single Source Image

Within the ‘Publish to Web’ Tab choose “Single Source Imaging” to publish your image with the dynamic benefits of FSI Server. Adjust the dimensions of the image, the format, decide if you want to use effects or if you want to crop the image.

2. Add URL To Your Site

Copy the URL of the image or the resulting HTML code which is displayed within the publish dialogue and simply paste it into your website in order to implement the image.

What does Single Source Imaging mean?

With using Single Source Imaging you only have to provide a single high-resolution source image for each image used on a website. The Imaging Server dynamically generates all required image resolutions and image sections based on the source image – simply by changing the URL! You can use the convenient web interface to adjust the image to your liking and then just need to implement the image URL into your website. You can change the height, width, format and quality just by changing the part in the image url or add effects and perform corpping by adding the commands to the URL – the image is instantly changed, dynamically and on the fly!

Read more about Dynamic Single Source Imaging here.

What do I need to implement the Single Source Imaging functionality into my website?

The Single Source Imaging functionality is included in FSI Server, our powerful and fast dynamic imaging server solution which enables you to manage your website images and deliver them easily in various dimensions or with our responsive zoom, spin, gallery and catalog viewers.

Which types of effects are available?

A complete list of the image effects can be found in the FSI Server Manual.

FSI Server Manual

Browse through our handy online manual for more information upon the installation and configuration of FSI Server as well as on how to publish images and benefit from Dynamic Single Source Imaging.

Go to manual