We request a variety of graphics and thumbnails for your product so that your product is attractive in a variety of settings. For products (excluding stock photography), the thumbnail sizes below are used:
|Thumbnail||Normal Size||Retina (@2x) Size (Upload this)|
|Standard Thumbnail||360px × 230px||720px ×460px|
|Grid Thumbnail||290px × 224px||580px ×448px|
|Product Page Header||750px × 430px||1500px × 860px|
|Product Icon||100px × 100px||200px × 200px|
|OpenGraph Snippet||1200px × 630px||2400px × 1260px|
When creating graphics for your product, remember to make the graphics clear and communicative for their size. For example, the Product Icon, should simply be a logo or letterform that represents your product as the resolution is not ideal for text or other information. The OpenGraph Snippet should feature a CTA that encourages the user to click on the image, whereas the Product Page Header may feature a screenshot or other feature from your template.
Making Retina Ready Thumbnails
Your thumbnails should be exported at 2x the resolution so that they appear clear on retina devices. For example, the 100px x 100px Product Icon should be exported @2x from Illustrator to make a 200px x 200px image. Please upload the retina format of your thumbnails only.
Below are some sample product branding for a magazine template called Pardon My Reach.
1200 x 630 OpenGraph Snippet
Note the Call-to-action and the clear features of the template. This image will appear on social media when people link to your template.
750px × 430px Product Page Header
This image appears at the top of your product page. It is good to feature a screenshot from your product and some feature about your product.
360px × 230px Standard Thumbnail
This image appears in search results and on product browsing pages on Coded. The product's branding is clearly present and the type of product is communicated. No fine details or information are included at this size.
290px × 224px Grid Thumbnail
This image appears in other search results on Coded and is very similar to the 360px × 230px Standard Thumbnail.
100px × 100px Product Icon
This size icon is used for customers to recognize your product within their dashboard and in other product lists. This icon is not intended to demonstrate the features of the product or other information.