diff --git a/public/script.js b/public/script.js
index 6e52a9b24..84921c616 100644
--- a/public/script.js
+++ b/public/script.js
@@ -2546,9 +2546,9 @@ function select_selected_character(chid) {
     //$("#avatar_div").css("display", "none");
     var this_avatar = default_avatar;
     if (characters[chid].avatar != "none") {
-        this_avatar = "characters/" + encodeURIComponent(characters[chid].avatar);
+        this_avatar = "/thumbnail?type=avatar&file=" + encodeURIComponent(characters[chid].avatar);
     }
-    $("#avatar_load_preview").attr("src", this_avatar + "?" + Date.now());
+    $("#avatar_load_preview").attr("src", this_avatar + "&" + Date.now());
     $("#name_div").css("display", "none");
 
     $("#form_create").attr("actiontype", "editcharacter");
diff --git a/server.js b/server.js
index 6f976094c..6a126e870 100644
--- a/server.js
+++ b/server.js
@@ -1724,7 +1724,7 @@ async function generateThumbnail(type, file) {
         return null;
     }
 
-    const imageSizes = { 'bg': [160, 90], 'avatar': [48, 48] };
+    const imageSizes = { 'bg': [160, 90], 'avatar': [96, 96] };
     const mySize = imageSizes[type];
 
     const image = await jimp.read(pathToOriginalFile);