diff --git a/build.sh b/build.sh
index d8c2dde..30db2cb 100755
--- a/build.sh
+++ b/build.sh
@@ -15,7 +15,12 @@ echo "Compiling picker.js"
npx esbuild website/picker.js --bundle --minify --outfile=dist/static/picker.min.js
echo "Generating images"
-node website/generate-images.js avatar >build/avatar.pam
+node website/generate-images.js avatar200 >build/avatar200.pam
+node website/generate-images.js avatar500 >build/avatar500.pam
+convert build/avatar200.pam dist/static/images/avatar200.jpeg
+convert build/avatar200.pam dist/static/images/avatar200.png
+convert build/avatar500.pam dist/static/images/avatar500.jpeg
+convert build/avatar500.pam dist/static/images/avatar500.png
node website/generate-images.js favicon >build/favicon.pam
convert build/favicon.pam dist/favicon.png
node website/generate-images.js hsluv >build/hsluv.pam
diff --git a/website/generate-images.js b/website/generate-images.js
index 6596813..6b2d963 100644
--- a/website/generate-images.js
+++ b/website/generate-images.js
@@ -221,8 +221,10 @@ const demos = {
'hpluv-chroma': demoHpluvChroma
};
-if (type === 'avatar') {
+if (type === 'avatar200') {
makeImage(luvSquare, 200, 200);
+} else if (type === 'avatar500') {
+ makeImage(luvSquare, 500, 500);
} else if (type === 'favicon') {
makeImage(luvSquare, 32, 32);
} else {
diff --git a/website/templates/base.mustache b/website/templates/base.mustache
index 076f8e5..21d5602 100644
--- a/website/templates/base.mustache
+++ b/website/templates/base.mustache
@@ -6,6 +6,8 @@
+
+