ProcessWire - Focal Point

	if($myImage->focus(TRUE)){
		$myFocus = $myImage->focus();
		$focusStyle = 'background-position-x:'.intval($myFocus['left']).'%; background-position-y:'.intval($myFocus['top']).'%;';
	}

	$imageMarkup = '<div style="background-image: url('.$myImage->url.');'.$focusStyle.'">';

Beispiel 2

if($page->images && $page->images->first()) {
	$myImage = $page->images->first();
	$imageStyles[] = 'background-image:url('.$myImage->width(800)->url.');background-size: cover; background-repeat: no-repeat;';
	if($myImage->focus(TRUE)){
		$myFocus = $myImage->focus();
		$imageStyles[] = 'background-position-x:'.intval($myFocus['left']).'%; background-position-y:'.intval($myFocus['top']).'%;';
	}
}
$imageStylesMarkup = implode($imageStyles,' ');