Коротко:
- Стандартний шот на Dribbble: 1600×1200 пікселів (4× retina-дисплей). 800×600 пікселів (застарілий) ще працює, але виглядає розмито.
- Ліміт файлу: 8 МБ для зображень, 8 МБ для анімацій. PNG/JPG — для статичних, GIF/MP4 — для моушн.
- Обкладинка профілю: 1280×720 пікселів. Аватар: 500×500 пікселів.
Усі розміри зображень на Dribbble (2026)
| Елемент | Рекомендований розмір | Максимальний розмір файлу |
|---|---|---|
| Стандартний шот | 1600×1200 пікселів (4:3) | 8 МБ |
| Стандартний шот (застарілий) | 800×600 пікселів | 8 МБ |
| Анімований шот (GIF) | 800×600 пікселів | 8 МБ |
| Відеошот | 1600×1200 або 1080p | 30 МБ (Pro) |
| Аватар | 500×500 пікселів | 2 МБ |
| Обкладинка профілю | 1280×720 пікселів | 5 МБ |
| Проєкт (кілька зображень) | Кожен шот — стандартного розміру | За окремим шотом |
Чому 1600×1200 пікселів — стандарт
Dribbble перейшов на формат 4× retina:
- Чіткий на retina та 4K-екранах.
- Витримає покращення дисплеїв у майбутньому.
- Пропорція 4:3 відповідає сітці Dribbble.
- Оригінальний 800×600 ще працює, але виглядає розмито.
Найкращий формат файлу
| Формат | Найкраще для | Примітки |
|---|---|---|
| PNG | UI-мокапи з прозорістю | Більший файл |
| JPG | Фото та ілюстрації | Менший, з втратою якості |
| GIF | Анімації, мікровзаємодії | Обмежена кольорова палітра, великий файл |
| MP4 | Відеошоти (тільки Pro) | Вища якість, ніж GIF |
| SVG | НЕ підтримується | Конвертуйте у PNG |
Як оптимізувати шоти
- Експортуйте у 4× retina з Figma / Photoshop / Sketch.
- Стискайте через TinyPNG (PNG/JPG).
- Для GIF: використовуйте ezgif.com або «Зберегти для Вебу» у Photoshop.
- Тестуйте вигляд у мініатюрі — більшість переглядають у малому форматі.
Співвідношення сторін для шотів Dribbble
- 4:3 (1600×1200) — стандарт. Найбільш універсальний.
- 16:9 (1920×1080) — підходить, але Dribbble обрізає до 4:3 у стрічці.
- 1:1 (1200×1200) — підходить для крос-постингу в Instagram.
- 3:4 вертикальний — підходить, але незвично.
Дотримуйтесь 4:3, якщо немає конкретної причини для іншого.
Багатозображувальні проєкти
Dribbble підтримує формат проєкту для кейс-студій:
- Натисніть Create → Project.
- Додайте до 50 шотів в один проєкт.
- Кожен шот — 1600×1200 пікселів.
- Проєкт розповідає історію через кілька зображень.
- Функція Pro ($96/рік для необмеженої кількості проєктів).
Найкращі практики для анімованих шотів
- Безшовний луп — перший і останній кадр збігаються.
- 2–5 секунд — оптимальна тривалість для GIF.
- Агресивне стиснення — GIF швидко розростаються.
- Використовуйте Lottie для чистіших анімацій (експортуйте як GIF).
- Без автовідтворення звуку — Dribbble не підтримує аудіо у статичних шотах.
FAQ
Який рекомендований розмір шоту на Dribbble?
1600×1200 пікселів (4× retina). Старіший 800×600 ще працює, але виглядає розмито на retina-екранах.
Чи можна завантажити SVG на Dribbble?
Ні — Dribbble не підтримує SVG. Конвертуйте у PNG (з прозорістю) або JPG.
Який максимальний розмір файлу?
8 МБ для статичних зображень і GIF. Користувачі Pro можуть завантажувати відео до 30 МБ.
Чи можна публікувати відеошот?
Так — користувачі Pro можуть завантажувати MP4-відео до 30 МБ. Безкоштовні користувачі обмежені GIF.
Горизонтальний чи вертикальний формат?
Горизонтальний 4:3 — стандарт Dribbble. Вертикальний підходить, але виглядає незвично у стрічці.
основні висновки
- Стандартний шот: 1600×1200 пікселів (4× retina).
- Максимальний розмір файлу: 8 МБ. Аватар: 500×500.
- Стандартне співвідношення сторін: 4:3.
- PNG — для UI, JPG — для фото, GIF/MP4 — для анімацій.
- Багатозображувальні проєкти підтримують до 50 шотів (Pro).
Ведіть глядачів із Dribbble до повного портфоліо
Додайте UniLink у своє біо на Dribbble — включає повне портфоліо, Behance, контакти. Безкоштовно.