Optimize and transform images with Akamai Image Manager

📘

Note:

Effective September 2024, Akamai Image Converter in Content will be deprecated and no longer supported. It is strongly recommended to transition to Akamai Image Manager as the replacement solution. Akamai Image Converter in Content may be removed on or after September 2025.

The image manager is commonly used when you want dynamic image sizing for different page views (e.g., mobile device types), the same picture to display in different sizes (e.g., thumbnails and enlargements), or to convert image formats (e.g., converting a TIFF to a JPEG).
For example, you could use the Image Manager when you want to display images originating from your desktop site on your mobile site. For desktop sites, images are generally designed for fast connections and large browser display areas. Image Manager allows you to transform these images so they work better with the layout and performance considerations of all your client devices but without the need to create, maintain, store, and serve multiple versions of the same images.

To start using the Image Manager for transforming your images, follow the instructions at IMQuery
You can use any of the im properties to modify any images being delivered by Content. For example,

<https://www.example.com/image.jpg?im=Append,image=(url=https://www.example.com/image2.jpg)>

//function openLang(evt, cityName) { // Declare all variables //var i, tabcontent, tablinks; // Get all elements with class="tabcontent" and hide them //tabcontent = document.getElementsByClassName("tabcontent"); //for (i = 0; i < tabcontent.length; i++) { // tabcontent[i].style.display = "none"; //} // Get all elements with class="tablinks" and remove the class "active" //tablinks = document.getElementsByClassName("tablinks"); //for (i = 0; i < tablinks.length; i++) { // tablinks[i].className = tablinks[i].className.replace(" active", ""); //} // Show the current tab, and add an "active" class to the button that opened the tab // document.getElementById(cityName).style.display = "block"; // evt.currentTarget.className += " active"; //} //$('a[data-toggle="pill"]').on('shown.bs.tab', function (e) { // $(e.target).removeClass( "light-blue" ); // $(e.relatedTarget).addClass( "light-blue" ); //}) // collapsible blocks // var coll = document.getElementsByClassName("collapsible"); // var i; // for (i = 0; i < coll.length; i++) { // coll[i].addEventListener("click", function() { // this.classList.toggle("active"); // var content = this.nextElementSibling; // if (content.style.maxHeight){ // content.style.maxHeight = null; // } else { // content.style.maxHeight = content.scrollHeight + "px"; } // }); // }