Quick answer: Dribbble now recommends a minimum width of 1600 px with no fixed ratio for shots, and the classic 1600×1200 (4:3) canvas is still the safest for the grid. Static images cap at 10 MB, video at 20 MB, and the avatar is 400×400.

What changed

Dribbble's older requirement was a fixed 4:3 (800×600, then 1600×1200). The current help center eased that: images, GIFs, and videos need a minimum width of 1600 px, but the ratio and height are up to you. In practice the browsing grid still crops thumbnails to a 4:3 box, so a wide 16:9 or tall portrait shot gets center-cropped in the feed unless the composition accounts for it.

The practical rule: upload at 1600 px wide and design the center 4:3 of the frame to work as the thumbnail. A 1600×1200 file satisfies both the feed and the detail view with no crop.

The size table

Asset Dimensions Ratio Notes
Shot (classic) 1600×1200 4:3 No thumbnail crop; 10 MB
Shot (minimum width) 1600 px wide Any Current rule; height free
Retina shot 2400×1800 4:3 Optional for sharpness
Avatar 400×400 1:1 JPG/PNG/GIF
Pro masthead 1600×1200 min 4:3 Pro profiles, 5 MB
Video shot 1600 px wide Any MOV/MP4, 20 MB
GIF 1600 px wide Any Under 10 MB

Shots and the grid

The thumbnail is the only part of the shot most members see, and it reads at a few hundred pixels in a masonry grid. The same legibility rules apply to any small-image surface: one clear focal point, strong contrast, no small text. Dribbble's community guidelines also restrict shots to actual design work — promotional images and tutorials are rejected, and watermarks are not allowed.

Avatars and profiles

Avatars render small in comments and the profile header, so a simple mark or a high-contrast face works better than a busy composition. Pro profiles can add a masthead at a 1600×1200 minimum and 5 MB cap.

Sharing design work as a launch

For a product team, Dribbble is where the UI work itself gets a showcase — shots of the interface, the brand system, or the icon set. The set that reads as finished is a 1600-wide shot with a 4:3-safe center, a 400 avatar, and a 1200×630 OG image for the product link. Neatico produces the ratio variants together from one description, so the shot, the profile masthead, and the launch graphic share the same visual language.

Frequently asked questions

What size should a Dribbble shot be? At least 1600 px wide; the ratio is free under the current rules. A 1600×1200 4:3 file avoids the grid's center crop.

What is the Dribbble file size limit? 10 MB for images and GIFs, 20 MB for video (MOV/MP4).

Does Dribbble still require 4:3? No, but the browsing grid crops thumbnails to 4:3. Keep the focal point in the center of the frame.

What size is the Dribbble avatar? 400×400. For the full network table, see the social media image sizes hub.