Using thumbnail size instead of original photo size in image tags.

assets/components/actors/photos.vue

@@ -17,6 +17,8 @@
 				:src="getPath(actor.avatar, 'thumbnail')"
 				:style="{ 'background-image': getBgPath(actor.avatar, 'lazy') }"
 				:title="actor.avatar.credit && `© ${actor.avatar.credit}`"
+				:width="actor.avatar.thumbnailWidth"
+				:height="actor.avatar.thumbnailHeight"
 				loading="lazy"
 				class="avatar photo"
 				@load="$emit('load', $event)"
@@ -35,6 +37,8 @@
 				:src="getPath(photo, 'thumbnail')"
 				:style="{ 'background-image': getBgPath(photo, 'lazy') }"
 				:title="`© ${photo.credit || photo.entity.name}`"
+				:width="photo.thumbnailWidth"
+				:height="photo.thumbnailHeight"
 				loading="lazy"
 				class="photo"
 				@load="$emit('load', $event)"

assets/components/album/album.vue

@@ -28,8 +28,8 @@
 						<img
 							:src="getPath(item, 'thumbnail', { local })"
 							:style="{ 'background-image': `url('${getPath(item, 'lazy', { local })}')` }"
-							:width="item.width"
-							:height="item.height"
+							:width="item.thumbnailWidth"
+							:height="item.thumbnailHeight"
 							:title="item.title"
 							loading="lazy"
 							class="item image"

assets/components/tags/photos.vue

@@ -13,8 +13,8 @@
 				:src="getPath(photo, 'thumbnail', { local: true })"
 				:style="{ 'background-image': `url(${getPath(photo, 'lazy', { local: true })})` }"
 				:alt="photo.comment"
-				:width="photo.width"
-				:height="photo.height"
+				:width="photo.thumbnailWidth"
+				:height="photo.thumbnailHeight"
 				class="photo"
 				@load="$emit('load', $event)"
 			>