Dribbble Photo Resizer

The Dribbble Photo Resizer is a free browser tool that crops and resizes your artwork to the exact Dribbble image size required for every placement on the platform. Whether you are uploading a shot thumbnail, a full-size shot, a new profile photo, or a team cover, this resizer hands you pixel-perfect exports without opening Photoshop, Figma, or any heavy design suite. Drop in a PNG, JPG, WEBP, or GIF, pick the Dribbble dimensions you need, and download a file that is ready for the uploader.

Designers who care about how their shots look in the feed know that guessing the dribbble shot size is a fast way to get blurry thumbnails or awkwardly cropped hero images. This page explains the current Dribbble image dimensions, how to use the resizer, and the small quality habits that make your shots stand out.

Current Dribbble image specs

Dribbble uses a handful of fixed image placements. Exporting at exactly the right size (and ideally at @2x for retina displays) keeps edges crisp and prevents the platform from compressing your work more than it needs to.

Shot thumbnail

The shot thumbnail is what shows up on your profile grid, in search results, and in the main Dribbble feed. The standard thumbnail size is 800 x 600 pixels at a 4:3 aspect ratio. For crisp retina rendering, design at 1600 x 1200 pixels and export as @2x. This is the most important image to get right because it is the first impression of your shot.

Shot large image (full shot)

When viewers click a thumbnail they land on the shot detail page. The full shot renders up to 1600 x 1200 pixels in the browser. Dribbble accepts larger static uploads, but 1600 x 1200 is the display size you should design and crop against. Going wildly larger just wastes bandwidth and invites extra compression.

Shot attachments

Attachments are the secondary images you add beneath the main shot (full screens, detail views, specs, or process frames). The recommended attachment width is 1600 pixels wide, with variable height depending on how much you want to show. Long vertical attachments work well for full-page mockups or case-study-style breakdowns.

Profile photo (avatar)

Your Dribbble profile photo is rendered as a square, typically displayed at up to 400 x 400 pixels. Upload a square source at 800 x 800 pixels to ensure it stays sharp on retina screens and in the larger profile header. Avatars appear next to every shot, like, and comment, so a clean, high-contrast headshot or logo pays off everywhere on the site.

Team cover

If you run a team or studio on Dribbble, the team cover sits at the top of your team page. The recommended team cover size is roughly 2048 x 1152 pixels (a 16:9 banner). Keep any logos or key text well inside the center third so nothing gets cropped on narrow viewports.

Playlist cover

Playlists (curated collections of shots) use a square cover image. Target 800 x 800 pixels so the cover stays crisp both in playlist grids and when linked externally.

What the Dribbble Photo Resizer does

The tool takes any image file you upload and outputs a correctly sized, correctly cropped version for the Dribbble placement you choose. Under the hood it performs three jobs:

• Resize – scales the long edge down (or up) to the target dimension without distorting the aspect ratio.
• Crop – centers and trims the image to match the required Dribbble aspect ratio (4:3 for shots, 1:1 for avatars and playlists, 16:9 for team covers).
• Export – writes out a clean file in your chosen format so you can upload directly to Dribbble.

You do not need a Dribbble account to use the resizer, and nothing is stored after you download the file.

Supported formats

The resizer accepts and outputs every file type Dribbble itself supports:

• JPG / JPEG – best for photography, mockups with gradients, and anything where file size matters more than perfectly crisp edges.
• PNG – best for UI work, vector-style illustration, and anything with flat colors, sharp lines, or transparent backgrounds.
• WEBP – modern format that keeps PNG-like quality at much smaller file sizes.
• GIF – use for short animated shots (loops, micro-interactions, hover states).
• MP4 – for animated shots, Dribbble also accepts MP4 video uploads at the shot dimensions. The resizer will scale and crop the video frame for you.

How to use the tool

• Upload your source file by dragging it onto the dropzone or clicking to browse.
• Pick a placement – shot thumbnail, full shot, attachment, profile photo, team cover, or playlist cover.
• Adjust the crop if the auto-center does not put the focal point where you want it.
• Choose an output format (JPG, PNG, WEBP, or keep GIF / MP4 for animated files).
• Download the resized file and upload it to Dribbble.

Best practices for Dribbble uploads

• Export at @2x for retina. Design at 1600 x 1200 and export for an 800 x 600 placement so your thumbnails stay crisp on MacBook, iPhone, and iPad screens.
• Mind the file-size limits. Dribbble caps static shot uploads at 10 MB. Animated GIFs are capped at 10 MB and MP4 video shots at around 10 MB as well. If your export is too heavy, switch PNGs to WEBP or reduce GIF frame count.
• Keep crisp lines crisp. For UI and illustration work, do not re-save a JPG on top of a JPG. Start from the original vector or layered source, export once at the exact Dribbble dimensions, and upload that single clean file.
• Protect the focal point. When the tool crops to 4:3, anything near the edges may be lost. Leave 80-100 pixels of breathing room around the main element in your source file.
• Use a consistent background. A steady brand background color across shots makes your profile grid look intentional and recognizable.
• Name files clearly. Descriptive filenames (for example, dashboard-shot-800×600.png) help future-you and keep exports organized in your shot archive.

Frequently asked questions

Is the Dribbble Photo Resizer free?

Yes. It runs entirely in your browser and there is no signup, watermark, or export limit.

What is the correct Dribbble shot size?

The shot thumbnail is 800 x 600 pixels, and the full shot renders up to 1600 x 1200 pixels. Designing at the larger size and exporting @2x is the simplest way to cover both.

Can I resize animated shots?

Yes. The tool supports GIF and MP4 inputs so you can resize animated shots to the correct 4:3 Dribbble dimensions without losing playback.

Does the resizer change my image quality?

The tool uses high-quality resampling when scaling down and keeps your chosen output format’s native quality settings. For the sharpest result, start from a source file that is the same size or larger than the target Dribbble dimensions.

Will it work for team covers and playlists?

Yes. Team cover (16:9) and playlist cover (1:1) presets are built in alongside the shot and profile photo options.

Do I need to install anything?

No. The resizer runs in any modern browser – Chrome, Safari, Firefox, Edge, or Arc.

Cross-post your Dribbble shots with Postiz

Designers rarely stop at Dribbble. The same shot usually goes out to X, Threads, Instagram, LinkedIn, and Bluesky so clients, recruiters, and collaborators can all see it. Postiz is an open-source social media scheduler built for exactly that kind of workflow.

After you resize and upload to Dribbble, drop the same exported image into Postiz and schedule it across every platform your audience lives on. You can write per-network captions, queue a whole week of shots in one sitting, and let Postiz handle the posting. For designers who ship shots regularly, it turns a one-off upload into an organized publishing habit – and it means every shot you resize here gets seen everywhere it should.

Resize with this free tool, upload to Dribbble, and schedule the cross-posts with Postiz. That is the full Dribbble posting loop in three steps.