diff --git a/Gruntfile.js b/Gruntfile.js
index 55eeb99f7..907f8c706 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -123,7 +123,7 @@ module.exports = function(grunt) {
           'lib/file-saver/FileSaver.js',
           'lib/socket.io-client/socket.io.js',
           'lib/sjcl.js',
-          'lib/ios-imagefile-megapixel/megapix-image.js',
+         'lib/ios-imagefile-megapixel/megapix-image.js',
           'lib/qrcode-decoder-js/lib/qrcode-decoder.min.js',
           'lib/zeroclipboard/ZeroClipboard.min.js'
         ],
@@ -139,7 +139,9 @@ module.exports = function(grunt) {
           'lib/angular-foundation/mm-foundation.min.js',
           'lib/angular-foundation/mm-foundation-tpls.min.js',
           'lib/angular-gettext/dist/angular-gettext.min.js',
-          'lib/angular-load/angular-load.min.js'
+          'lib/angular-load/angular-load.min.js',
+          'lib/angular-gravatar/build/md5.min.js',
+          'lib/angular-gravatar/build/angular-gravatar.min.js'
           // If you add libs here, remember to add it too to karma.conf
         ],
         dest: 'lib/angularjs-all.js'
diff --git a/bower.json b/bower.json
index ab97d836e..c77f71035 100644
--- a/bower.json
+++ b/bower.json
@@ -24,7 +24,8 @@
     "ng-idle": "*",
     "inherits": "~0.0.1",
     "angular-load": "0.2.0",
-    "lodash": "~2.4.1"
+    "lodash": "~2.4.1",
+    "angular-gravatar": "*"
   },
   "resolutions": {
     "angular": "=1.2.19"
diff --git a/js/app.js b/js/app.js
index 1caa20b24..9f2c8e53a 100644
--- a/js/app.js
+++ b/js/app.js
@@ -23,6 +23,7 @@ var modules = [
   'monospaced.qrcode',
   'ngIdle',
   'gettext',
+  'ui.gravatar',
   'copayApp.filters',
   'copayApp.services',
   'copayApp.controllers',
@@ -44,6 +45,15 @@ copayApp.config(function($sceDelegateProvider) {
   ]);
 });
 
+angular.module('ui.gravatar').config([
+  'gravatarServiceProvider', function(gravatarServiceProvider) {
+    gravatarServiceProvider.defaults = {
+      size     : 35
+    };
+    // Use https endpoint
+    gravatarServiceProvider.secure = true;
+  }
+]);
 
 angular.module('copayApp.filters', []);
 angular.module('copayApp.services', []);
diff --git a/package.json b/package.json
index a09fd72d6..ce1061833 100644
--- a/package.json
+++ b/package.json
@@ -88,6 +88,7 @@
     "sinon": "^1.10.3",
     "socket.io-client": "^1.0.6",
     "travis-cov": "^0.2.5",
-    "uglifyify": "^1.2.3"
+    "uglifyify": "^1.2.3",
+        "angular-gravatar": "*"
   }
 }
diff --git a/views/includes/copayer.html b/views/includes/copayer.html
index 2af6f63b1..846aa50a6 100644
--- a/views/includes/copayer.html
+++ b/views/includes/copayer.html
@@ -1,6 +1,6 @@
 <div ng-controller="CopayersController">
   <div class="copay-box" ng-repeat="copayer in copayersList()">
-    <span ng-include="'views/includes/photo.html'"></span>
+    <img gravatar-src="'{{copayer.nick}}'" gravatar-size="35">
     <div
       class="ellipsis"
       tooltip="ID: {{copayer.peerId}}"
diff --git a/views/includes/head.html b/views/includes/head.html
index 770b87836..0e39f7bcd 100644
--- a/views/includes/head.html
+++ b/views/includes/head.html
@@ -17,7 +17,7 @@
 <div class="menu" ng-mouseover="hoverIn()" ng-mouseleave="hoverOut()"
   ng-click="hoverMenu = !hoverMenu">
   <a class="dropdown ellipsis text-gray" ng-class="{'hover': hoverMenu}">
-    <span ng-include="'views/includes/photo.html'"></span>
+    <img gravatar-src="'{{username}}'" gravatar-size="35">
     <span class="m15t">{{username}} </span>
     <i class="icon-arrow-down size-16 vm"></i> 
   </a>