Typically images are organized in galleries, that offer a thumbnail collection to the content manager in order to keep the selection as simple as possible. OpenCms from version 6 features integrated image scaling and resizing. This way it's easy to manipulate commonly used image formats like JPEG, GIF, PNG, TIF etc. to make sure the output in a template is always of the required size, to generate thumbnails in overview lists and more. Additional image processing filters like "add drop shadow to image" are also available.
This example demonstrates how to scale images. Images can be scaled dynamically by using the <cms:image>-Tag within the formatter. In this example the image width is calculated based on the container width.
Please check the following formatter to get more implementation details:
/system/modules/com.alkacon.bootstrap.dev.demo/formatters/dev-article.jsp