<div ng-controller="Umbraco.PropertyEditors.Grid.MediaController">

	<div class="umb-editor-placeholder" ng-click="setImage()" ng-if="control.value === null">
		<i class="icon icon-picture"></i>
        <div ng-id="!control.$inserted" class="help-text"><localize key="grid_clickToInsertImage">Click to insert image</localize></div>
	</div>

	<div ng-if="control.value">
		<img
			ng-if="url"
			ng-click="setImage()"
			ng-src="{{url}}"
			class="fullSizeImage" />
        <input type="text" class="caption" ng-model="control.value.caption" localize="placeholder" placeholder="@grid_placeholderImageCaption" />
 	</div>

	<umb-overlay
		ng-if="mediaPickerOverlay.show"
		model="mediaPickerOverlay"
		view="mediaPickerOverlay.view"
		position="right">
	</umb-overlay>

</div>

<div ng-controller="Umbraco.PropertyEditors.Grid.MediaController">

	<div class="umb-editor-placeholder" ng-click="setImage()" ng-if="control.value === null">
		<i class="icon icon-picture"></i>
        <div ng-id="!control.$inserted" class="help-text"><localize key="grid_clickToInsertImage">Click to insert image</localize></div>
	</div>

	<div ng-if="control.value">
		<img
			ng-if="url"
			ng-click="setImage()"
			ng-src="{{url}}?width=800&upscale=false"
			class="fullSizeImage" />
        <input type="text" class="caption" ng-model="control.value.caption" localize="placeholder" placeholder="@grid_placeholderImageCaption" />
 	</div>

	<umb-overlay
		ng-if="mediaPickerOverlay.show"
		model="mediaPickerOverlay"
		view="mediaPickerOverlay.view"
		position="right">
	</umb-overlay>

</div>

Add max resolution for the Image editor in Grid Layouts to avoid performance hit when using high res images.
Add max resolution for the Image editor in Grid Layouts to avoid performance hit when using high res images.
