options image grid: Make sure the images are requested with the appropriate scale.

chrome/browser/resources/chromeos/user_images_grid.js

Index: chrome/browser/resources/chromeos/user_images_grid.js
diff --git a/chrome/browser/resources/chromeos/user_images_grid.js b/chrome/browser/resources/chromeos/user_images_grid.js
index cde2fc7a527b5af6f5e04dfa107551ee3aa74a72..335d00651181ea1b4345950187da1fef74700edf 100644
--- a/chrome/browser/resources/chromeos/user_images_grid.js
+++ b/chrome/browser/resources/chromeos/user_images_grid.js
@@ -64,7 +64,11 @@ cr.define('options', function() {
     decorate: function() {
       GridItem.prototype.decorate.call(this);
       var imageEl = cr.doc.createElement('img');
-      imageEl.src = this.dataItem.url;
+      var scheme = 'chrome://';
+      if (this.dataItem.url.slice(0, scheme.length) == scheme)

[Ivan Korotkov, 2012/08/16 17:47:53]

Optional: using a regexp or url.indexOf(scheme) == 0 is somewhat slower but more
clear. 

[sadrul, 2012/08/16 19:36:16]

I considered using indexOf at first. But since this could be datauri, perhaps it
makes sense to go with slice (thanks for flackr@)

[Ivan Korotkov, 2012/08/17 08:01:43]

Right, makes sense.

+        imageEl.src = this.dataItem.url + '@' + window.devicePixelRatio + 'x';
+      else
+        imageEl.src = this.dataItem.url;
       imageEl.title = this.dataItem.title || '';
       if (typeof this.dataItem.clickHandler == 'function')
         imageEl.addEventListener('mousedown', this.dataItem.clickHandler);