Question

I have the following code in my plone page template:

<img 
tal:define="folderimagetitle python:context.getField('folderimagetitle').getAccessor(context)()"
tal:condition="folderimagetitle" 
src="" 
alt="" 
tal:replace="structure python:context.getWrappedField('folderimage').tag(context, alt=folderimagetitle, css_class='photo')" 
/>

Basically I want to show the image next to a H1 tag. The image will work and display fine, but it will show the full image size not aligned with the text. I also don’t want to just add a height and width attribute because this results in a image with a ragged edge that does not scale well.

How can I scale it down to one of the default sizes available in Plone i.e. listing, icon, tile, thumb, mini, preview, and large?

Answer 1

The “modern” way is using plone.app.imaging.

Example

<img tal:define="scales context/@@images;
                 thumbnail python: scales.scale('image', width=64, height=64);"
     tal:condition="thumbnail"
     tal:attributes="src thumbnail/url;
                     width thumbnail/width;
                     height thumbnail/height" />

http://plone.org/products/plone.app.imaging/