Objective ways to print images in 5.7

This is a community-contributed tutorial. This tutorial is over a year old and may not apply to your version of Concrete CMS.
May 20, 2015

First, get page's image attribute value like:

$img = $page->getAttribute('example_image_attribute_handle');
if ($img) {
    // do something
}

Case 1: Print responsive image (if your theme supports responsive image)

$tag = Core::make('html/image', array($img))->getTag();
echo $tag;

Case 2: Add some attributes to the image

$tag = Core::make('html/image', array($img))->getTag();
$tag->alt('alt test');
$tag->title('title test');
$tag->addClass('example class');
echo $tag;

Case 3: Remove some attributes from the image

$tag = Core::make('html/image', array($img))->getTag();
$tag->width = null;
$tag->height = null;
echo $tag;

Case 4: Do not use responsive image (picture element)

$tag = Core::make('html/image', array($img, false))->getTag();
echo $tag;

Case 5: Get thumbnail src of the image

$src = $img->getThumbnailURL('small');
echo \HtmlObject\Image::create($src)->alt('small size image');

Note: Loader::helper('image') is officially deprecated.

Recent Tutorials
Customize the default page title
Mar 12, 2025

Change the default " :: " and/or "site name :: page title" formatting separator to something else.

Configure Composer to work with a Page Type
Feb 20, 2025
By myq.

Fix the "Unable to load block into composer. You must edit this content from within the context of the page." error message

Permissions for editors in a multilingual site
Feb 2, 2025
By myq.

How to set up a multilingual Concrete CMS site for groups of language-specific editors

Restoring deleted pages using advanced search
Jan 16, 2025
By myq.

How to recover deleted pages when there are more than a few to choose from.

How to Automate the Copyright Year
Dec 27, 2024

Learn how to keep your website's copyright year updated automatically in Concrete CMS.

How to change the path of a group of pages
Dec 23, 2024
By myq.

Change the canonical path without breaking things

Improvements?

Let us know by posting here.