Image resizing on the fly. How it works ?

 

The main advantage of the Bildero technology is the possibility of working only on one source image. It is based on processing of one high resolution image (source image) to get various images on demand and on the fly. This is highly effective because  it eliminates workload or disc space connected with working on many variations of images.


With Bildero you upload one image and you get many variations of it on the fly!


We offer two options of image processing on the fly, each specialy tailored to different  requirements of webmasters:


Predefined Image Processing ( example no. 1)

  • a resultant image is created on the basis of a style defined in the server configuration, the selection of an image takes place via giving its name in the „res” variable,
  • when we  bring out an image with this method, for the first time an image is created on the fly but when the same image is requested again then it is derived from cache, in this situation the server is not loaded at all, instead of that some data take space on the disc.

Dynamic Image Processing (example no. 2)

  • while this type of processing the Bildero server always creates a new image version on demand, the server is loaded during this operation but no additional space is required for new versions of images.

 

Have a look at examples

1. Predefined images resizing with one source image

Small 75x75 "http://image-server.s100.bildero.com/examples/watch.jpg?res=small"

Thumb 75x75  "http://image-server.s100.bildero.com/examples/watch.jpg?res=small"

Thumb medium

Thumb 192x164 "http://image-server.s100.bildero.com/examples/watch.jpg?res=medium"

Large

Large 550x550 "http://image-server.s100.bildero.com/examples/watch.jpg?res=large"


2. Dynamic attributes with one source image




Resizing on fly with variable width

Image height: proportional 
Image width:  600 px

"http://image-server.s100.bildero.com/examples/watch.jpg?mode=normal&type=VarHeight&width=600"

Feel free to change the width after clicking the link.

resizing on the fly with variable height

 

Image height: 450px
Image width:  proportional

'http://image-server.s100.bildero.com/examples/watch.jpg?mode=normal&type=VarWidth&height=450

Feel free to change the height after clicking the link.