ArtStation Image Size, Thumbnail Crop, Format, and Project Display Explained
The right ArtStation image workflow depends on the asset role. A project thumbnail, final artwork, close-up crop, process sheet, breakdown image, 3D render, texture sheet, social preview, and portfolio header image all need different export choices.
When a 3D artist prepares a stylized prop render before upload, the square thumbnail may need a tight silhouette crop while the breakdown image needs readable labels and a wider display choice. One universal export rarely works for thumbnail, full view, breakdown, and sharing previews.
Prepare the thumbnail separately from the full artwork
The full artwork should preserve the complete composition. The thumbnail should make the strongest focal point clear in a square crop. Those are different jobs. If the automatic crop hides the character face, prop silhouette, lighting center, or important design shape, prepare a custom 400x400 thumbnail.
The thumbnail should still represent the project honestly. A close-up crop can be stronger than the full artwork in a grid, but it should lead to the same finished piece, study, render, or breakdown set the viewer expects after clicking.
Full artwork, process sheets, and breakdowns need different dimensions
A final environment painting may work best as a rich JPG that preserves color and tone. A line-art sheet, UI/game mockup, texture sheet, or material breakdown may need PNG because labels, edges, and small details need to stay crisp. Process images should be readable in sequence, not pasted into one crowded wall of tiny steps.
Keep original source files separately. Store the PSD, layered painting file, render output, texture source, turntable source, and high-quality master apart from the delivery copies you upload. That gives you room to rebuild a better crop later.
Fit-to-viewport and Maximize Width are display choices
ArtStation can fit uploaded artwork inside the viewer's screen, which helps people see the whole piece without scrolling. That is usually good for final artwork and composition-first pieces.
Maximize Width can be useful for wide images, detail-heavy breakdowns, and sheets that need more horizontal room. It can also force scrolling, so do not apply it everywhere. Choose it when the extra width improves inspection, not because the source file is large.
When JPG, PNG, GIF, video, or 3D embeds make sense
JPG
Use JPG for paintings, environment art, renders, lighting studies, and tonal images where smooth color matters more than sharp labels.
PNG
Use PNG for line art, diagrams, UI, typography, texture sheets, material callouts, and sharp-edged breakdowns.
GIF or video
Use short motion when turnarounds, progression, or lighting changes explain more than several static screenshots.
3D embeds
Use Marmoset Viewer or Sketchfab when interactive inspection helps the project, but keep still images strong for viewers who skip embeds.
Choose the project image order before export
- Thumbnail or cover crop.
- Final artwork or strongest render.
- Close-up detail.
- Process or WIP image.
- Breakdown, material, or texture sheet.
- Alternate view or lighting pass.
- Optional short GIF, video, or 3D embed when useful.
Portfolio role decision table
| Portfolio image role | What it should communicate | Format/export choice | Display risk | What to preview |
|---|---|---|---|---|
| Project thumbnail | A clear square focal point for the project grid. | Custom 400x400 thumbnail if automatic crop is weak. | Square crop cuts away the strongest read. | Thumbnail grid, profile page, and social preview. |
| Final artwork | Finished composition, value, color, and art direction. | JPG for tonal paintings and renders; PNG if edge precision matters. | Very wide pieces can feel small in fit-to-viewport display. | Desktop full view and mobile full view. |
| Close-up crop | Brushwork, material detail, face detail, or silhouette design. | Focused crop from the clean source file. | Detail crop is redundant or too compressed. | Inspection value after upload. |
| Process sheet | Sketch, block-in, iteration, WIP, or lighting progression. | Readable JPG or PNG with limited panels. | Too many steps become a confusing dump. | Order, label size, and mobile readability. |
| Breakdown image | Texture, material, model, diagram, or technical explanation. | PNG for labels, texture sheets, and sharp edges. | Labels blur or the sheet needs too much scrolling. | Maximize Width vs fit-to-viewport. |
| Optional media | Turnaround, interaction, lighting pass, or 3D inspection. | Short GIF, video, Marmoset Viewer, or Sketchfab when useful. | Media distracts or replaces the strongest still image. | Playback, load feel, and mobile behavior. |
After choosing JPG, PNG, or optional media for each ArtStation project role, create lighter delivery copies with ConvertiImage, then follow the ArtStation portfolio image upload workflow.
Continue through the cluster
Sources checked
This decision page was built from ArtStation and Google quality guidance, then adapted for portfolio asset planning. Sources reviewed: ArtStation image quality help, ArtStation Maximize Width help, ArtStation display guidance, ArtStation upload-limit update, ArtStation portfolio presentation tips, Google people-first content guidance, and AdSense page readiness guidance.
