diff --git a/src/Umbraco.Core/Models/UserExtensions.cs b/src/Umbraco.Core/Models/UserExtensions.cs
index 930d0fff04..a79aec5026 100644
--- a/src/Umbraco.Core/Models/UserExtensions.cs
+++ b/src/Umbraco.Core/Models/UserExtensions.cs
@@ -69,11 +69,11 @@ namespace Umbraco.Core.Models
                 {
                     return new[]
                     {
-                        gravatarUrl  + "?s=30",
-                        gravatarUrl  + "?s=60",
-                        gravatarUrl  + "?s=90",
-                        gravatarUrl  + "?s=150",
-                        gravatarUrl  + "?s=300"
+                        gravatarUrl  + "&s=30",
+                        gravatarUrl  + "&s=60",
+                        gravatarUrl  + "&s=90",
+                        gravatarUrl  + "&s=150",
+                        gravatarUrl  + "&s=300"
                     };
                 }
 
diff --git a/src/Umbraco.Web.UI.Client/src/common/directives/components/users/umbuserpreview.directive.js b/src/Umbraco.Web.UI.Client/src/common/directives/components/users/umbuserpreview.directive.js
index 29db5f7238..634decfa3d 100644
--- a/src/Umbraco.Web.UI.Client/src/common/directives/components/users/umbuserpreview.directive.js
+++ b/src/Umbraco.Web.UI.Client/src/common/directives/components/users/umbuserpreview.directive.js
@@ -12,7 +12,7 @@
             replace: true,
             templateUrl: 'views/components/users/umb-user-preview.html',
             scope: {
-                avatar: "=?",
+                avatars: "=?",
                 name: "=",
                 allowRemove: "=?",
                 onRemove: "&?"
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/users/umb-user-preview.html b/src/Umbraco.Web.UI.Client/src/views/components/users/umb-user-preview.html
index 7753376206..be2037209a 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/users/umb-user-preview.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/users/umb-user-preview.html
@@ -5,7 +5,8 @@
             size="xs"
             color="secondary"
             name="{{name}}"
-            img-src="{{avatar}}">
+            img-src="{{avatars[0]}}"
+            img-srcset="{{avatars[1]}} 2x, {{avatars[2]}} 3x">
         </umb-avatar>
     </div>
 
diff --git a/src/Umbraco.Web.UI.Client/src/views/users/group.html b/src/Umbraco.Web.UI.Client/src/views/users/group.html
index b12358a428..e1a870972d 100644
--- a/src/Umbraco.Web.UI.Client/src/views/users/group.html
+++ b/src/Umbraco.Web.UI.Client/src/views/users/group.html
@@ -108,7 +108,7 @@
                                 <umb-user-preview
                                     ng-repeat="user in vm.userGroup.users"
                                     name="user.name"
-                                    avatar="user.avatar"
+                                    avatars="user.avatars"
                                     allow-remove="true"
                                     on-remove="vm.removeSelectedUser($index, vm.userGroup.users)">
                                 </umb-user-preview>
diff --git a/src/Umbraco.Web.UI.Client/src/views/users/user.html b/src/Umbraco.Web.UI.Client/src/views/users/user.html
index 5c9f6c9587..c9e60a2965 100644
--- a/src/Umbraco.Web.UI.Client/src/views/users/user.html
+++ b/src/Umbraco.Web.UI.Client/src/views/users/user.html
@@ -126,7 +126,8 @@
                                             color="secondary"
                                             size="xxl"
                                             name="{{vm.user.name}}"
-                                            img-src="{{vm.user.avatars[4]}}">
+                                            img-src="{{vm.user.avatars[3]}}"
+                                            img-srcset="{{vm.user.avatars[4]}} 2x, {{vm.user.avatars[4]}} 3x">
                                         </umb-avatar>
 
                                         <umb-progress-bar
diff --git a/src/Umbraco.Web.UI.Client/src/views/users/views/users/users.html b/src/Umbraco.Web.UI.Client/src/views/users/views/users/users.html
index 1cde98a8ba..06ee942551 100644
--- a/src/Umbraco.Web.UI.Client/src/views/users/views/users/users.html
+++ b/src/Umbraco.Web.UI.Client/src/views/users/views/users/users.html
@@ -181,7 +181,8 @@
                                 size="l"
                                 color="secondary"
                                 name="{{user.name}}"
-                                img-src="{{user.avatars[2]}}">
+                                img-src="{{user.avatars[2]}}"
+                                img-srcset="{{user.avatars[3]}} 2x, {{user.avatars[4]}} 3x">
                             </umb-avatar>
                         </div>
                         <div class="umb-user__checkmark" ng-if="user.selected"><umb-checkmark checked="user.selected" size="s"></umb-checkmark></div>
@@ -232,7 +233,8 @@
                                     size="xs"
                                     color="secondary"
                                     name="{{user.name}}"
-                                    img-src="{{user.avatars[0]}}">
+                                    img-src="{{user.avatars[0]}}"
+                                    img-srcset="{{user.avatars[1]}} 2x, {{user.avatars[2]}} 3x">
                                 </umb-avatar>
                             </td>
                             <td class="bold"><a href="" ng-click="vm.goToUser(user)">{{user.name}}</a></td>