Expand my Community achievements bar.

SOLVED

Is it possible to make this image smaller?

Avatar

Level 1

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!

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

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

https://experienceleague.adobe.com/en/docs/experience-manager-learn/assets/dynamic-media/images/smar...

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

https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/assets/dynamicme... 

 

Hope this helps!



Esteban Bustamante

View solution in original post

2 Replies

Avatar

Correct answer by
Community Advisor

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

https://experienceleague.adobe.com/en/docs/experience-manager-learn/assets/dynamic-media/images/smar...

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

https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/assets/dynamicme... 

 

Hope this helps!



Esteban Bustamante