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.
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.