Gumroad Cover Size, Thumbnail, Format, and Product Preview Images Explained
The right Gumroad image workflow depends on the role of the asset. A wide product cover, square thumbnail, ebook mockup, course preview, template screenshot, UI kit detail, and gallery image each need a different composition and export decision.
When a creator uploads a Canva template pack or spreadsheet template, the real upload context matters: one universal image rarely works for the cover, thumbnail, social preview, and product gallery. The same artwork can share a style system, but the layout should change before publishing.
Why cover and thumbnail should often be separate
A wide cover has room for a title, product mockup, included files, and a small outcome phrase. A square thumbnail has much less horizontal space. If Gumroad or a product card uses a square crop, a center crop can cut off the title, hide the product mockup, or leave only a decorative background.
Create a separate square thumbnail when the wide cover is asymmetrical, text-heavy, or built around a horizontal product preview. Keep the product name large, the visual simple, and the buyer outcome easy to recognize without zooming.
When JPG is practical
JPG can be a good delivery format for photographic covers, soft background art, lifestyle mockups, and product visuals where crisp text is not the main detail. It usually creates smaller files than PNG, which can help the product page load more smoothly.
Use JPG carefully when the image includes small typography, dashboard screenshots, thin lines, or detailed template previews. Too much compression can soften edges and make a serious digital product look less carefully prepared.
When PNG is safer
PNG is often safer for Gumroad covers with typography, UI screenshots, icons, flat graphics, template previews, spreadsheet screenshots, and product diagrams. It protects clean edges better, which matters when buyers are trying to read what the product includes.
Keep editable source files separately. Your source design file might be a Figma, Canva, PSD, AI, SVG, or PDF master. Export upload-ready delivery copies from that master instead of rebuilding from a compressed image later.
Preview images should show real product contents
Preview images are where buyers can understand the download more deeply. Show real pages, included files, template sections, UI components, course modules, printable examples, or detail screenshots. A preview should answer buyer uncertainty, not add more decoration.
If you include a before-and-after or workflow preview, keep it accurate. The visual should reflect what the buyer can do with the actual product, not a result that depends on extra services, missing files, or outside assets.
Choose the visual order
- Cover image.
- Thumbnail.
- Product preview.
- Included files, pages, or assets.
- Example use case.
- Detail screenshot.
- Optional before-and-after or workflow preview if accurate.
Visual role decision table
| Visual role | What it should communicate | Format/export choice | Risk | What to preview |
|---|---|---|---|---|
| Product cover | Product title, type, and buyer outcome. | Wide JPG or PNG based on detail needs. | Too much information creates a crowded first impression. | Product page hero, desktop card, and mobile page. |
| Square thumbnail | Clear product identity in a small browsing card. | Separate square PNG or JPG composition. | Center crop removes title or mockup. | Small grid view and mobile card. |
| Ebook or workbook mockup | Cover title, page style, and download type. | PNG for type clarity or JPG for photo-like mockups. | Mockup suggests printed items when only a digital file is included. | Whether the file type is clear to buyers. |
| Course preview | Lessons, modules, workbook, or tutorial structure. | PNG for text-heavy module lists. | Small module text becomes unreadable. | Mobile readability of headings and included files. |
| Template screenshot | Actual dashboard, planner, spreadsheet, or UI kit structure. | PNG from a sharp source screenshot. | Private data, clutter, or tiny labels distract from the product. | Detail clarity after resize and compression. |
| Gallery image | Additional contents, use cases, and detail views. | Role-specific JPG or PNG delivery copies. | Repeats the cover instead of reducing buyer uncertainty. | Full image order on desktop and mobile. |
After choosing the export format for each Gumroad visual role, make lighter JPG or PNG delivery copies with ConvertiImage, then follow the Gumroad product-cover upload workflow.
Continue through the cluster
Sources checked
This decision guide was built from current Gumroad and Google quality guidance, then adapted for practical cover and thumbnail planning. Sources reviewed: Gumroad cover and thumbnail help, Gumroad product rules, Google people-first content guidance, and AdSense page readiness guidance.
