diff --git a/pages/anime/character.pixy b/pages/anime/character.pixy
index 146f1de5..bbc15e70 100644
--- a/pages/anime/character.pixy
+++ b/pages/anime/character.pixy
@@ -1,11 +1,11 @@
 component Character(character *arn.Character)
 	a.character(href="/character/" + character.ID)
-		img.character-image.lazy(data-src=character.ImageLink("medium"), alt=character.Name.Canonical)
+		img.character-image.lazy(data-src=character.ImageLink("medium"), data-webp="true", data-color=character.AverageColor(), alt=character.Name.Canonical)
 		.image-title
 			.image-title-text= character.Name.Canonical
 
 component CharacterSmall(character *arn.Character)
 	a.character(href="/character/" + character.ID)
-		img.character-image.character-image-small.lazy(data-src=character.ImageLink("small"), alt=character.Name.Canonical)
+		img.character-image.character-image-small.lazy(data-src=character.ImageLink("small"), data-webp="true", data-color=character.AverageColor(), alt=character.Name.Canonical)
 		.image-title
 			.image-title-text= character.Name.Canonical
\ No newline at end of file