Drag-and-drop of an SVG asset from DAM and upload of an SVG file upload from a local file system are both supported.Scalable Vector Graphics (SVG) are supported by the Image Component. Component Versionįor more information about Core Component versions and releases, see the document Core Components Versions. The following table details all supported versions of the component, the AEM versions with which the versions of the component is compatible, and links to documentation for previous versions. The current version of the Image Component is v2, which was introduced with release 2.0.0 of the Core Components in January 2018, and is described in this document. Your web experiences built with Core Components can no feature rich, Sensei-powered, robust, high-performance, cross-platform Dynamic Media Image capabilities. In addition, image modifiers, image presets, and smart crops are also supported. When enabled, these features offer the ability to add Dynamic Media image assets with a simple drag-and-drop or via the assets browser just as you would any other image.

The Image Component (as of release 2.13.0) supports Dynamic Media assets. See the section Adaptive Image Servlet for more technical details on these features and tips for optimizing rendition selection. In addition, the Image Component supports lazy loading to defer loading of the actual image asset until it is visible in the browser, increasing the responsiveness of your pages. There is no need for component developers to worry about defining custom media queries since the Image Component is already optimized to load your content. As the window is resized, the Image Component dynamically loads the correct image size on the fly. The Image Component will then automatically load the correct width to display depending on the size of the browser window. At the page template level, the design dialog can be used to define the default widths of the image asset. The Image Component comes with robust responsive features ready right out of the box. For added convenience, simple in-place modification of the image is also available. The content editor can upload or select assets in the configure dialog and crop the image in the edit dialog. The image widths as well as cropping and additional settings can be defined by the template author in the design dialog.

The Image Component features adaptive image selection and responsive behavior with lazy loading for the page visitor as well as easy image placement and cropping for the content author. The Core Component Image Component is an adaptive image component that features in-place editing.

Adobe images