Is it possible to make this image smaller? | Community
Skip to main content
October 21, 2024
Solved

Is it possible to make this image smaller?

  • October 21, 2024
  • 2 replies
  • 839 views

Is it possible that this image can be reduced in size? By this I mean that it is slightly shorter in terms of the length of the image. This image is now almost all over the screen when you are on the main page.

 

I would love to hear what the possibilities are. Thanks in advance!

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by EstebanBustamante

Hi,

You have several options here:

  • Firstly, you could manually crop the image using AEM to your desired size. This will, of course, reduce the image size.

  • You can configure the renditions generated when the asset is uploaded, ensuring you always have a rendition of the size you need.

  • You can use image presets and image profiles for a similar approach.

  • If you have access to Dynamic Media, you can utilize smart imaging to optimize your original image by changing its size and format.

  • If you have access to Dynamic Media, also you could check Smart Crop. 
  • If you are using the web core image component, you can take advantage of the "Web Optimized" option in AEMaaCS or the Adaptive Image servlet in AEM on-premise.

Choosing the best approach depends on what you have available and your specific requirements.

Here are some resources that will help you to understand the options I described above:

https://experienceleague.adobe.com/en/docs/experience-manager-core-components/using/developing/web-optimized-image-delivery#:~:text=The%20web%2Doptimized%20image%20delivery,results%20in%20faster%20page%20loading

https://experienceleague.adobe.com/en/docs/experience-manager-learn/assets/dynamic-media/images/smart-crop-feature-video-use

https://experienceleague.adobe.com/en/docs/experience-manager-65/content/assets/dynamic/imaging-faq

https://experienceleague.adobe.com/en/docs/experience-manager-core-components/using/wcm-components/image 

https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/assets/dynamicmedia/managing-image-presets 

 

Hope this helps!

2 replies

EstebanBustamante
Community Advisor and Adobe Champion
EstebanBustamanteCommunity Advisor and Adobe ChampionAccepted solution
Community Advisor and Adobe Champion
October 21, 2024

Hi,

You have several options here:

  • Firstly, you could manually crop the image using AEM to your desired size. This will, of course, reduce the image size.

  • You can configure the renditions generated when the asset is uploaded, ensuring you always have a rendition of the size you need.

  • You can use image presets and image profiles for a similar approach.

  • If you have access to Dynamic Media, you can utilize smart imaging to optimize your original image by changing its size and format.

  • If you have access to Dynamic Media, also you could check Smart Crop. 
  • If you are using the web core image component, you can take advantage of the "Web Optimized" option in AEMaaCS or the Adaptive Image servlet in AEM on-premise.

Choosing the best approach depends on what you have available and your specific requirements.

Here are some resources that will help you to understand the options I described above:

https://experienceleague.adobe.com/en/docs/experience-manager-core-components/using/developing/web-optimized-image-delivery#:~:text=The%20web%2Doptimized%20image%20delivery,results%20in%20faster%20page%20loading

https://experienceleague.adobe.com/en/docs/experience-manager-learn/assets/dynamic-media/images/smart-crop-feature-video-use

https://experienceleague.adobe.com/en/docs/experience-manager-65/content/assets/dynamic/imaging-faq

https://experienceleague.adobe.com/en/docs/experience-manager-core-components/using/wcm-components/image 

https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/assets/dynamicmedia/managing-image-presets 

 

Hope this helps!

Esteban Bustamante
Himanshu_Jain
Community Advisor
Community Advisor
October 21, 2024