Sitecore Version: 9.3 Often with responsive designs, we come across the need to output images on mobile with different aspect ratio than the images on desktop on a given component. This gives the option to go with either route to stick with out of the box features: Create distinct multiple fields for desktop and mobile… Read More Customize Sitecore Image field to add focal point picker for cropping
The package and code for this module can be found at: Github – aceanindita The bLazy.js plugin – A lazyload image script can be used to enable lazyload on your site, to reduce initial page load times drastically, especially if your site is image heavy. While you can directly integrate your site with the bLazy… Read More Sitecore Image Lazy Load Module
The bLazy Plugin provides us with a great way to implement serving up resized images based on the current viewport, and additionally it also allows us to lazy load images on our site, drastically reducing the page size and download time. We used bLazy for img tags – and also for other tags (where it… Read More Glass html helpers for responsive images in Sitecore with bLazy
Images can usually take up most of your page load time. In our project we were loading product images from the servers, and resizing them before serving them up on the site. To improve performance, we decided to try and do the resizing and image loading there after asynchoronously. So we created an asynchronous http… Read More Asynchronous resize of images (async http handler) with default sitecore image
Often the imagery that is uploaded in Sitecore is of way higher resolution than what is required, in an attempt to produce high quality pages. While these are uploaded onto image fields in sitecore, we can resize the images when we output them using suitable html helpers. Refer:Render Responsive Image Glass Html Helper with Sitecore… Read More Resize and lazy load images in Rich Text fields in Sitecore
In today’s world of multi-sized devices / screens, responsive design is almost a must for trendy websites. The <picture> tag provides a nice solution to the need for serving up resized / different images based on the viewport / orientation of the client screen. I found this article very useful for reading up on the… Read More Render Responsive Image Glass Html Helper with Sitecore Image Processor Module
There are plenty of snippets out there to resize images, and I went through a lot of them, while trying to implement this. But a bunch of them gave me quality issues and some others came with other issues of their own. So here’s the code we used to resize images, with the provision to… Read More Resize Images with Crop and Quality Control
Ace Tech Pro 