The New Image Element

Properly displaying images on your website can be a challenge. Radium3 has worked hard to make this task as simple as possible. But with websites being viewed on mobile phones and other devices, including high-resolution retina displays, the challenge becomes even greater. We're up to the task, though, and today we're announcing a new element that puts Radium3 customers even further ahead of the curve. It's the new Image Element. Take a look at the video and read more about it below.

AdaptiveImage Technology: The Right Size Every Time

Simply drop your high-resolution image into the new Image Element and Radium3 will display it at the optimal size for its placement on your site. Not only that, but Radium3 will also detect if the user has a retina display and, if so, will upgrade the resolution accordingly. Drag the Image Element to a new region and its size is automatically updated. The Image Element even accommodates responsive design, resizing the image dynamically for browsers at any width on any device, including mobile phones.

The new image element with a single image automatically output at optimal dimensions

The Image Element's AdaptiveImage technology is very advanced with a lot of things happening behind the scenes. We won't go into all the details here, but suffice it to say that this technology ensures fast, accurate loading on small screens such as those found on smartphones, while still accommodating the needs of even the highest-resolution monitors. It all happens for you automatically. You can simply upload a single image and we'll take care of the rest.

You can disable our AdaptiveImage technology by changing the element's settings. Doing so will cause the Image Element to output the image file exactly as it was uploaded in all cases. Of course, it is enabled by default and we recommend you leave it that way for best results.

Drag and Drop Right Onto Your Page

Another big upgrade with the Image Element is the ability to drag and drop one or more images right onto your page. Whenever you add an Image Element, you'll see a drop zone which invites you to drag in your images. The drag and drop functionality is available for all browsers that support it, which is most all modern browsers except for Internet Explorer. 

Of course, you can also simply click the drop zone to upload through a file system as well. Uploading this way has been improved to allow the selection of multiple images in most browsers by using cmd+click (ctrl+click in Windows).

Single Image or Photo Gallery

The new Image Element will be replacing our existing Photo Gallery Element, and it will include all of the current Photo Gallery functionality. Uploading a single image will cause the Image Element to function as described above. Uploading multiple images will automatically convert it to Photo Gallery mode. If needed, you can force a single image to behave as a Photo Gallery by checking the "Force Photo Gallery" box on the advanced tab of the element's settings.

When we launch the Image Element, all existing Photo Galleries will be automatically converted to Image Elements and will continue to function exactly as they have been functioning.

Launch Details

The Image Element is scheduled to launch next Thursday, August 23, 2012. We wanted to give you advanced notice so you would be prepared for the change. We look forward to bringing you the new Image Element. Please let us know if you have any questions in the comments below.

7 comments (Add your own)

1. Colin Rowley wrote:
Really excited about this element. Thanks guys!!!

Fri, August 17, 2012 @ 11:10 AM

2. Ray wrote:
SWEEET!!! I'm looking forward to this!!!!

Fri, August 17, 2012 @ 11:20 AM

3. Bryan H wrote:
This will be a great addition to our website. I have been thinking for several months now how we could get more photos onto our homepage (or any of our pages) with the elements setup the way they are currently. The new Image Element will make adding photos to our site much easier. Thanks guys!


Fri, August 17, 2012 @ 11:21 AM

4. Jen Janney wrote:
This morning the pictures on our front page gallery are all oversized! Help!

Thu, August 23, 2012 @ 9:13 AM

5. Tim Wall wrote:
Hi Jen,

I'm looking at your website now and all appears to be in order. Are you still having issues? If so, can you email specifics to and we'll be happy to help you out.


Thu, August 23, 2012 @ 9:17 AM

6. Bev Blair wrote:
My slides on front page gallery are oversized too. I've tried different deleting, reloading and changing settings. Can you help me figure this out?

Thu, August 23, 2012 @ 11:22 AM

7. Tim Wall wrote:
Hi Bev,

We are looking into this for you now.


Thu, August 23, 2012 @ 12:20 PM

Add a New Comment


Comment Guidelines: No HTML is allowed. Off-topic or inappropriate comments will be edited or deleted. Thanks.


Subscribe to Radium3's Blog Get Email Updates from Radium3