{"id":8464,"date":"2018-07-02T10:16:43","date_gmt":"2018-07-02T17:16:43","guid":{"rendered":"http:\/\/blog.mozilla.org\/addons\/?p=8464"},"modified":"2018-09-03T11:05:45","modified_gmt":"2018-09-03T18:05:45","slug":"larger-image-support","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/addons\/2018\/07\/02\/larger-image-support\/","title":{"rendered":"Larger image support on addons.mozilla.org"},"content":{"rendered":"<p>Last week, we pushed an update that enables add-on developers to use larger image sizes on their add-on listings.<\/p>\n<p>We hadn\u2019t updated our size limits for many years, so the images on listing pages are fairly small. The image viewer on the new website design scales the screenshots to fit the viewport, which makes these limitations even more obvious.<\/p>\n<p>For example, look at this <a href=\"https:\/\/addons.mozilla.org\/addon\/remote-xul-manager\/?utm_source=blog.mozilla.org&amp;utm_medium=post&amp;utm_campaign=2018-07-large-image\">old listing<\/a> of mine.<\/p>\n<div id=\"attachment_8466\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-8466\" decoding=\"async\" loading=\"lazy\" class=\"size-large wp-image-8466\" src=\"https:\/\/blog.mozilla.org\/addons\/files\/2018\/06\/rxm-image-600x389.png\" alt=\"Old listing image on new site\" width=\"600\" height=\"389\" srcset=\"https:\/\/blog.mozilla.org\/addons\/files\/2018\/06\/rxm-image-600x389.png 600w, https:\/\/blog.mozilla.org\/addons\/files\/2018\/06\/rxm-image-252x164.png 252w, https:\/\/blog.mozilla.org\/addons\/files\/2018\/06\/rxm-image-768x498.png 768w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><p id=\"caption-attachment-8466\" class=\"wp-caption-text\">The image view on the new site. Everything in this screenshot is old.<\/p><\/div>\n<p>The image below better reflects how the magnified screenshot looks like on my browser tab.<\/p>\n<div id=\"attachment_8465\" style=\"width: 710px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-8465\" decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-8465\" src=\"https:\/\/blog.mozilla.org\/addons\/files\/2018\/06\/pixels.png\" alt=\"All of the pixels\" width=\"700\" height=\"437\" srcset=\"https:\/\/blog.mozilla.org\/addons\/files\/2018\/06\/pixels.png 700w, https:\/\/blog.mozilla.org\/addons\/files\/2018\/06\/pixels-252x157.png 252w, https:\/\/blog.mozilla.org\/addons\/files\/2018\/06\/pixels-600x375.png 600w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><p id=\"caption-attachment-8465\" class=\"wp-caption-text\">Ugh<\/p><\/div>\n<p>After this fix, developers can upload images as large as they prefer. The maximum image display size on the site is 1280&#215;800 pixels, which is what we recommend they upload. For other image sizes we recommend using the 1.6:1 ratio. If you want to update your listings to take advantage of larger image sizes, you might want to consider using <a href=\"https:\/\/developer.mozilla.org\/en-US\/Add-ons\/Listing\">these tips<\/a> to give your listing a makeover to attract more users.<\/p>\n<p>We look forward to beautiful, crisper images on add-on listing pages.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Last week, we pushed an update that enables add-on developers to use larger image sizes on their add-on listings. We hadn\u2019t updated our size limits for many years, so the &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/addons\/2018\/07\/02\/larger-image-support\/\">Read more<\/a><\/p>\n","protected":false},"author":173,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[44,295],"tags":[17,278873,278876,16182],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Larger image support on addons.mozilla.org - Mozilla Add-ons Community Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.mozilla.org\/addons\/2018\/07\/02\/larger-image-support\/\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jorge Villalobos\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.mozilla.org\/addons\/2018\/07\/02\/larger-image-support\/\",\"url\":\"https:\/\/blog.mozilla.org\/addons\/2018\/07\/02\/larger-image-support\/\",\"name\":\"Larger image support on addons.mozilla.org - Mozilla Add-ons Community Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blog.mozilla.org\/addons\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.mozilla.org\/addons\/2018\/07\/02\/larger-image-support\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.mozilla.org\/addons\/2018\/07\/02\/larger-image-support\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.mozilla.org\/addons\/files\/2018\/06\/rxm-image-600x389.png\",\"datePublished\":\"2018-07-02T17:16:43+00:00\",\"dateModified\":\"2018-09-03T18:05:45+00:00\",\"author\":{\"@id\":\"https:\/\/blog.mozilla.org\/addons\/#\/schema\/person\/a098261b4b5510d408ff31f492606925\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.mozilla.org\/addons\/2018\/07\/02\/larger-image-support\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.mozilla.org\/addons\/2018\/07\/02\/larger-image-support\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/addons\/2018\/07\/02\/larger-image-support\/#primaryimage\",\"url\":\"https:\/\/blog.mozilla.org\/addons\/files\/2018\/06\/rxm-image.png\",\"contentUrl\":\"https:\/\/blog.mozilla.org\/addons\/files\/2018\/06\/rxm-image.png\",\"width\":2848,\"height\":1848,\"caption\":\"Everything in this image is old.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.mozilla.org\/addons\/2018\/07\/02\/larger-image-support\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.mozilla.org\/addons\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Larger image support on addons.mozilla.org\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.mozilla.org\/addons\/#website\",\"url\":\"https:\/\/blog.mozilla.org\/addons\/\",\"name\":\"Mozilla Add-ons Community Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.mozilla.org\/addons\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.mozilla.org\/addons\/#\/schema\/person\/a098261b4b5510d408ff31f492606925\",\"name\":\"Jorge Villalobos\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/addons\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6d1966118f16e4b99a6e3ad07883be33?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6d1966118f16e4b99a6e3ad07883be33?s=96&d=mm&r=g\",\"caption\":\"Jorge Villalobos\"},\"description\":\"Jorge is the Product Manager for addons.mozilla.org\",\"url\":\"https:\/\/blog.mozilla.org\/addons\/author\/jvillalobosmozilla-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Larger image support on addons.mozilla.org - Mozilla Add-ons Community Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.mozilla.org\/addons\/2018\/07\/02\/larger-image-support\/","twitter_misc":{"Written by":"Jorge Villalobos","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.mozilla.org\/addons\/2018\/07\/02\/larger-image-support\/","url":"https:\/\/blog.mozilla.org\/addons\/2018\/07\/02\/larger-image-support\/","name":"Larger image support on addons.mozilla.org - Mozilla Add-ons Community Blog","isPartOf":{"@id":"https:\/\/blog.mozilla.org\/addons\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.mozilla.org\/addons\/2018\/07\/02\/larger-image-support\/#primaryimage"},"image":{"@id":"https:\/\/blog.mozilla.org\/addons\/2018\/07\/02\/larger-image-support\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.mozilla.org\/addons\/files\/2018\/06\/rxm-image-600x389.png","datePublished":"2018-07-02T17:16:43+00:00","dateModified":"2018-09-03T18:05:45+00:00","author":{"@id":"https:\/\/blog.mozilla.org\/addons\/#\/schema\/person\/a098261b4b5510d408ff31f492606925"},"breadcrumb":{"@id":"https:\/\/blog.mozilla.org\/addons\/2018\/07\/02\/larger-image-support\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.mozilla.org\/addons\/2018\/07\/02\/larger-image-support\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/addons\/2018\/07\/02\/larger-image-support\/#primaryimage","url":"https:\/\/blog.mozilla.org\/addons\/files\/2018\/06\/rxm-image.png","contentUrl":"https:\/\/blog.mozilla.org\/addons\/files\/2018\/06\/rxm-image.png","width":2848,"height":1848,"caption":"Everything in this image is old."},{"@type":"BreadcrumbList","@id":"https:\/\/blog.mozilla.org\/addons\/2018\/07\/02\/larger-image-support\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.mozilla.org\/addons\/"},{"@type":"ListItem","position":2,"name":"Larger image support on addons.mozilla.org"}]},{"@type":"WebSite","@id":"https:\/\/blog.mozilla.org\/addons\/#website","url":"https:\/\/blog.mozilla.org\/addons\/","name":"Mozilla Add-ons Community Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.mozilla.org\/addons\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blog.mozilla.org\/addons\/#\/schema\/person\/a098261b4b5510d408ff31f492606925","name":"Jorge Villalobos","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/addons\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d1966118f16e4b99a6e3ad07883be33?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d1966118f16e4b99a6e3ad07883be33?s=96&d=mm&r=g","caption":"Jorge Villalobos"},"description":"Jorge is the Product Manager for addons.mozilla.org","url":"https:\/\/blog.mozilla.org\/addons\/author\/jvillalobosmozilla-com\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/posts\/8464"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/users\/173"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/comments?post=8464"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/posts\/8464\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/media?parent=8464"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/categories?post=8464"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/tags?post=8464"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}