Dribbble은 디자이너들이 작업물을 공유하고, 발견되고, 팔로워를 모으는 대표적인 플랫폼입니다. 하지만 잘못된 크기로 이미지를 업로드하면 흐릿한 샷, 어색한 크롭, 덜 전문적인 인상을 줄 수 있습니다. 이 가이드는 2026년 기준 모든 Dribbble 이미지 유형의 정확한 치수, 형식 권장 사항, 레티나 선명도 팁을 다룹니다.

Dribbble 이미지 크기 — 빠른 참조

샷 (표준): 800×600 px (4:3 비율)
샷 (레티나 / 2×): 1600×1200 px — HiDPI 화면에서 선명한 표시를 위해 권장
프로필 아바타: 400×300 px 캔버스, 원형으로 표시
팀 / 회사 페이지 커버: 1600×400 px (4:1 비율)
최대 파일 크기 (PNG/JPG): 10 MB
최대 파일 크기 (GIF): 8 MB
지원 형식: PNG, JPG, GIF, MP4 (동영상 샷, 최대 30초)

Dribbble 샷 크기

샷은 Dribbble의 핵심 콘텐츠 단위입니다 — 피드, 검색 결과, 프로필 그리드에 표시되는 이미지입니다. Dribbble은 창립 이래 4:3 비율을 사용해 왔으며, 2026년에도 표준으로 유지되고 있습니다.

표준 표시 크기: 800×600 px (4:3 비율)
레티나 / 2× 업로드: 1600×1200 px — Dribbble은 일반 화면에서 800×600 px로 샷을 표시하지만, HiDPI / 레티나 디스플레이에서는 1600×1200 px 전체를 제공합니다. 항상 2×로 업로드하여 최상의 선명도를 얻으세요.
최소 허용 크기: 400×300 px — 기술적으로 허용되지만 현대 화면에서 눈에 띄게 흐릿합니다. 포트폴리오 샷에는 사용하지 마세요.

황금 규칙: 항상 1600×1200 px로 업로드하세요. Dribbble은 각 기기에 맞는 해상도를 자동으로 제공합니다. 800×600 px로 업로드하면 레티나 방문자들은 확대된 흐릿한 버전의 작업을 보게 됩니다.

업로드 전에 아트보드 내보내기를 정확히 1600×1200 px로 조정하려면 Picovert의 이미지 리사이저를 사용하세요.

Dribbble 프로필 아바타 크기

Dribbble 프로필 아바타는 원형으로 표시됩니다 — 실제 업로드 캔버스는 400×300 px이지만, 방문자에게는 원형 중앙 영역만 보입니다.

업로드 캔버스: 400×300 px
표시 형태: 원형 — 아바타는 표시 시 원형으로 크롭됩니다
안전 영역: 피사체 (얼굴 또는 로고)를 중앙 300 px 원 안에 유지하세요. 모서리의 내용은 크롭됩니다.
형식: 로고와 일러스트레이션에는 PNG (선명한 가장자리); 사진에는 JPEG

피사체가 완벽하게 중앙에 위치한 정사각형 소스 이미지가 가장 좋습니다. 이미지 크로퍼를 사용해 사진을 중앙 정렬된 정사각형으로 자른 다음 400×300 px로 조정하세요.

Dribbble 팀 / 회사 페이지 커버 크기

Dribbble에서 팀 또는 회사 페이지를 관리한다면, 커버 배너가 페이지 상단에 눈에 띄게 표시됩니다. Dribbble은 화면 크기에 따라 다양한 너비로 렌더링하므로 핵심 요소를 중앙에 배치하는 것이 중요합니다.

권장 크기: 1600×400 px (4:1 비율)
형식: PNG 또는 JPEG
안전 영역: 중요한 텍스트와 비주얼을 이미지 수평 중앙에 유지하세요 — 좌우 가장자리는 좁은 화면에서 크롭될 수 있습니다

회사 이름, 로고, 태그라인을 좌우 가장자리 근처에 배치하지 마세요. 깔끔한 브랜드 배경(단색 또는 미묘한 그라디언트)이 있는 중앙 레이아웃은 모든 화면 크기에서 일관되게 작동합니다.

GIF 샷 — 애니메이션 UI 및 마이크로 인터랙션

애니메이션 GIF 샷은 UI 애니메이션, 호버 상태, 로딩 시퀀스, 마이크로 인터랙션을 보여주는 데 Dribbble에서 인기가 높습니다. 정적 샷과 동일한 치수 규칙을 따릅니다:

치수: 800×600 px (표준) 또는 1600×1200 px (레티나 — 권장)
최대 파일 크기: 8 MB
최대 길이: 12초
루프 동작: Dribbble은 GIF를 자동으로 반복합니다 — 애니메이션이 매끄럽게 반복되도록 디자인하세요

1600×1200 px에서 GIF 파일 크기는 빠르게 커집니다. GIF를 8 MB 미만으로 유지하려면:

색상 심도 줄이기 — 256색 대신 128색을 사용하세요. 대부분의 UI 애니메이션은 128색으로도 동일하게 보이며 파일 크기가 크게 줄어듭니다.
프레임 속도 낮추기 — 대부분의 UI 애니메이션에는 12fps로 충분합니다; 24fps는 거의 필요하지 않으며 파일 크기를 두 배로 늘립니다.
애니메이션 영역으로 크롭 — 디자인의 일부만 애니메이션된다면, 전체 1600×1200 캔버스 대신 해당 영역만 표시하도록 GIF를 크롭하세요.
루프 단축 — 3~6초를 목표로 하세요. 더 긴 루프는 가치를 더하지 않고 파일 크기만 늘립니다.

Dribbble에 업로드하기 전에 Picovert의 GIF 압축기를 사용해 GIF 파일 크기를 줄이세요.

동영상 샷 (MP4)

Dribbble은 애니메이션 GIF의 대안으로 MP4 동영상 업로드를 지원합니다. 동영상 샷은 더 작은 파일 크기로 더 높은 품질의 모션을 제공합니다 — 복잡한 애니메이션이나 긴 데모에 이상적입니다:

형식: MP4 (H.264 인코딩 권장)
치수: 800×600 px 또는 1600×1200 px
최대 길이: 30초
최대 파일 크기: 10 MB

6초보다 긴 복잡한 UI 애니메이션의 경우, MP4가 GIF보다 거의 항상 더 나은 선택입니다 — 더 부드러운 재생, 더 작은 파일 크기, 색상 심도 제한이 없습니다.

샷 유형별 형식 권장 사항

UI 디자인, 아이콘, 일러스트레이션: PNG — 선명한 가장자리, 플랫 컬러, 투명도를 보존합니다. Figma, Sketch, Illustrator에서 제작된 작업에 이상적입니다.
사진, 포토 매니퓰레이션: 90% 품질의 JPEG. 적당한 파일 크기로 좋은 시각적 품질.
UI 애니메이션, 호버 상태, 로딩 표시기: GIF (8 MB 미만) 또는 더 길거나 복잡한 애니메이션에는 MP4.
브랜드 아이덴티티, 타이포그래피: PNG — 텍스트와 벡터 형태를 픽셀 퍼펙트로 유지합니다.
제품 목업: 목업에 투명 영역이나 선명한 UI 요소가 있으면 PNG; 완전히 사진적이면 JPEG.

훌륭한 Dribbble 샷의 조건

기술적 사양은 출발점에 불과합니다. 높은 성과를 내는 Dribbble 샷과 그렇지 않은 샷의 차이점:

단일 초점 포인트 — 피드에서 Dribbble 샷은 약 400 px 너비로 작습니다. 전체 화면을 보여주려는 샷은 임팩트를 잃습니다. 가장 흥미로운 디테일에 집중하세요: 버튼 디자인, 타이포그래피 선택, 컬러 팔레트 스와치.
일관된 배경 — 인기 있는 접근법: 밝은 회색 (#F3F3F3 또는 #FAFAFA), 순수 흰색, 또는 브랜드 컬러. 작업물과 경쟁하는 복잡한 배경은 피하세요.
맥락을 위한 기기 목업 — 전체 UI를 보여준다면, 폰이나 브라우저 목업 안에 배치하면 샷을 압도하지 않으면서 시각적 맥락을 제공합니다.
2×로 업로드 (1600×1200 px) — 절대 800×600 px로 업로드하지 마세요. 레티나 화면에서 선명도 차이가 명확히 보입니다.
UI 작업에는 PNG — 선명한 가장자리가 있는 플랫 디자인에서는 아주 약간의 JPEG 압축 아티팩트도 보입니다. PNG는 이 문제를 완전히 없애줍니다.

Dribbble용 이미지를 리사이즈하고 최적화하는 방법

Dribbble용 이미지를 빠르게 준비하려면:

Picovert의 이미지 리사이저를 엽니다 — 무료, 계정 불필요.
내보낸 디자인 파일을 드롭하고 목표 크기를 1600×1200 px (2× 레티나 샷 크기)로 설정합니다.
UI 디자인 작업에는 PNG, 사진 콘텐츠에는 90% 품질의 JPEG를 선택합니다.
다운로드하여 Dribbble에 업로드합니다.

8 MB를 초과하는 GIF 샷을 준비하고 있다면, 먼저 압축하세요 — 색상을 128로 줄이고 프레임 속도를 12fps로 낮추면 대부분의 GIF가 눈에 띄는 품질 손실 없이 제한 이하로 떨어집니다.

프로필 아바타의 경우, 이미지 크로퍼를 사용해 사진을 정사각형으로 자른 다음 400×300 px로 조정하세요. 원형 크롭이 자연스럽게 보이도록 피사체를 중앙에 유지하세요.