diff --git a/apps/amo/tests/images/mozilla.png b/apps/amo/tests/images/mozilla.png index 4f64913e438..36808b444d3 100644 Binary files a/apps/amo/tests/images/mozilla.png and b/apps/amo/tests/images/mozilla.png differ diff --git a/apps/amo/tests/images/non-animated-thin.png b/apps/amo/tests/images/non-animated-thin.png new file mode 100644 index 00000000000..e7b4a9b2c90 Binary files /dev/null and b/apps/amo/tests/images/non-animated-thin.png differ diff --git a/apps/amo/tests/images/transparent-expected.png b/apps/amo/tests/images/transparent-expected.png index 280c6e1080a..f464af09058 100644 Binary files a/apps/amo/tests/images/transparent-expected.png and b/apps/amo/tests/images/transparent-expected.png differ diff --git a/apps/amo/tests/images/transparent.png b/apps/amo/tests/images/transparent.png index 33e4f0e1a8a..f464af09058 100644 Binary files a/apps/amo/tests/images/transparent.png and b/apps/amo/tests/images/transparent.png differ diff --git a/media/css/devreg/media.less b/media/css/devreg/media.less index 2b229d8f2a9..fb973b77a11 100644 --- a/media/css/devreg/media.less +++ b/media/css/devreg/media.less @@ -204,6 +204,7 @@ } #icon_preview_32 { + display: none; line-height: 32px; width: 32px; height: 32px; @@ -224,6 +225,7 @@ } #icon_preview_64 { + display: none; line-height: 64px; width: 64px; height: 64px; @@ -233,6 +235,21 @@ } } +#icon_preview_128 { + display: none; + line-height: 128px; + width: 128px; + height: 128px; + img { + max-width: 128px; + max-height: 128px; + } +} + +#icon_preview .icon_preview_box.defunct { + display: none; +} + .edit-addon-section #icons_default { margin-bottom: 1em; } diff --git a/media/js/devreg/devhub.js b/media/js/devreg/devhub.js index 620e659ea41..79a479489b0 100644 --- a/media/js/devreg/devhub.js +++ b/media/js/devreg/devhub.js @@ -564,6 +564,8 @@ function initUploadIcon() { $('#icon_preview_32 img').attr('src', $('img', $parent).attr('src')); $('#icon_preview_64 img').attr('src', $('img', $parent).attr('src').replace(/32/, '64')); + $('#icon_preview_128 img').attr('src', $('img', + $parent).attr('src').replace(/32/, '128')); $error_list.html(""); }); diff --git a/mkt/constants/submit.py b/mkt/constants/submit.py index 970c0b1108f..d6395bb74a3 100644 --- a/mkt/constants/submit.py +++ b/mkt/constants/submit.py @@ -9,3 +9,7 @@ ('done', _('Finished!')), ] APP_STEPS_TITLE = dict(APP_STEPS) + +# Size requirements for uploaded app icons +APP_ICON_MIN_SIZE = (128, 128) + diff --git a/mkt/developers/templates/developers/apps/forms_shared/media.html b/mkt/developers/templates/developers/apps/forms_shared/media.html index 974b896c44e..2fb1b37bc48 100644 --- a/mkt/developers/templates/developers/apps/forms_shared/media.html +++ b/mkt/developers/templates/developers/apps/forms_shared/media.html @@ -26,6 +26,16 @@ {% if editable %}
+
+ +
+
+ {# L10n: The size of the icon #} + {{ _('128x128px') }} + {{ tip(None, _('Resized to fit all icon sizes.')) }} +
+
+
@@ -35,7 +45,7 @@ {{ tip(None, _('Used in app detail pages.')) }}
-
+
@@ -63,7 +73,7 @@
{% trans %} - PNG and JPG supported. Icons resized to 64x64 pixels if larger. + PNG and JPG supported. Icons must be at least 128x128px. {% endtrans %}