Mercado
Precios
Iniciar sesiónEmpezar
Guía prácticaRedes sociales
Redes sociales

Tamaño de shot de Dribbble: 1600×1200 y cómo encuadrar

En Dribbble tu trabajo compite en una cuadrícula de pequeñas miniaturas 4:3. El marco, el fondo, el recorte y el aire a su alrededor deciden si alguien hace clic.

GradientlyCuenta verificada de Gradiently·1 de octubre de 2026·6 min de lectura
Portada: Rust Studio · GR·N6P9·SD

La versión corta

  • El tamaño de shot de Dribbble es 1600×1200 píxeles, un formato horizontal 4:3.
  • Dribbble muestra los shots como miniaturas 4:3 en su cuadrícula, así que la primera imagen de un shot tiene que leerse en tamaño pequeño.
  • La mayoría de los buenos shots muestran una sola idea, recortada de cerca, con mucho espacio alrededor y un fondo que apoya el trabajo sin competir con él.
  • Un fondo y un encuadre coherentes en todos tus shots hacen que un perfil de Dribbble parezca el portfolio de un único diseñador.
  • Los shots también pueden ser animados, algo que encaja con el trabajo de interacción y movimiento cuando el movimiento es breve y el bucle es limpio.
En esta página
Dimensiones de un shot de DribbbleCómo encuadrar el trabajo dentro de un shot de DribbbleFondos para shots de DribbbleHaz que tu perfil de Dribbble parezca un solo portfolio

El tamaño de shot de Dribbble es 1600×1200 píxeles, un formato horizontal 4:3. Dribbble muestra cada shot como una miniatura 4:3 en su cuadrícula, así que diseña la primera imagen para que se lea en ese tamaño pequeño: una idea, recortada de cerca, con espacio alrededor y un fondo que favorezca el trabajo en lugar de pelearse con él. Las imágenes adicionales de un shot pueden mostrar el detalle. Mantén el encuadre y el fondo coherentes de un shot a otro y tu perfil se leerá como un portfolio y no como un montón de subidas.

Dimensiones de un shot de Dribbble

Tamaño

Valor

1600×1200 px
Proporción

Valor

4:3, horizontal
Miniatura en la cuadrícula

Valor

La primera imagen, mostrada en pequeño en 4:3
Tipos de archivo

Valor

PNG o JPG para imágenes fijas, GIF o vídeo para movimiento
Varias imágenes

Valor

Un shot puede contener varias imágenes o vídeos
PropiedadValor
Tamaño1600×1200 px
Proporción4:3, horizontal
Miniatura en la cuadrículaLa primera imagen, mostrada en pequeño en 4:3
Tipos de archivoPNG o JPG para imágenes fijas, GIF o vídeo para movimiento
Varias imágenesUn shot puede contener varias imágenes o vídeos
La página de subida de Dribbble indica sus límites actuales de tamaño de archivo y duración de vídeo. Diseña a 1600×1200, o a un múltiplo 4:3 mayor como 3200×2400 para más nitidez, y encajarás exactamente en el marco.

Sube exactamente en 4:3. Una forma distinta se recorta o se rellena en la cuadrícula, y Dribbble decide dónde, que rara vez es donde tú elegirías. PNG mantiene nítidos los bordes de interfaz y el texto; JPG va mejor para trabajo fotográfico.

Shot de Dribbble 1600×1200

1600 × 1200

Portada de Behance 1616×1264

1616 × 1264

Diapositivas 4:3 1600×1200

1600 × 1200

Publicación de Instagram 1080×1350

1080 × 1350

El shot junto a sus vecinos. Una diapositiva 4:3 es el mismo marco, así que un shot bien encuadrado entra directamente en una presentación; la portada de Behance se parece, pero no es idéntica.

Cómo encuadrar el trabajo dentro de un shot de Dribbble

Un clásico shot flojo es una página web entera encogida dentro del marco. En tamaño miniatura se queda en un rectángulo gris con motas. Elige una parte que merezca verse, recorta hasta ella y dale espacio.

  1. 1

    Elige una idea

    Una sola pantalla, un componente, un logotipo o un conjunto de iconos. Si necesita un párrafo para explicarse, son dos shots.

  2. 2

    Recorta más cerca de lo que parece natural

    Muestra la tarjeta del pago, no toda la página del pago. El detalle que importa debe ser lo bastante grande para verse en la cuadrícula.

  3. 3

    Deja un margen

    Entre un 10 y un 15 por ciento del marco por cada lado, unos 160 a 240 píxeles en un shot de 1600 píxeles, deja respirar el trabajo.

  4. 4

    Elige un fondo que apoye

    Liso o con un degradado suave, tomado de la paleta del trabajo o en contraste con ella. El fondo debe hacer que el trabajo luzca mejor y luego desaparecer.

  5. 5

    Añade imágenes de detalle después

    Usa la segunda y la tercera imagen para primeros planos, estados y el flujo completo. La primera imagen es la invitación.

Caso de estudio
NEW
Pago, rediseñado
Menos pasos, totales más claros, un toque para pagar
Gradiently · @gradiently

Una imagen de portada para un shot de varias imágenes: un título corto sobre un fondo tranquilo, con las pantallas en las imágenes siguientes.

Fondos para shots de Dribbble

El fondo es el escenario. Una interfaz clara suele lucir mejor sobre un fondo suavemente teñido, algo más oscuro que su propio blanco, para que se vean los bordes de las tarjetas. Una interfaz oscura pide un fondo profundo con un leve toque de color cerca. El trabajo de marca con colores vivos puede apoyarse en un casi neutro para que el color de marca sea lo único estridente del marco.

Cuatro fondos que apoyan el trabajo en lugar de competir con él. Cada uno mantiene su punto más brillante detrás del centro del marco, donde se sitúa el trabajo.

Evita

  • Una página entera encogida para que quepa
  • Un degradado arcoíris estridente tras un trabajo colorido
  • Sombras proyectadas pesadas bajo cada tarjeta
  • El trabajo tocando los bordes del marco
  • Un fondo distinto en cada shot

Haz

  • Un componente o una pantalla, recortado de cerca
  • Un fondo más calmado que el trabajo
  • Una sombra suave y única, o ninguna
  • Un margen del 10 al 15 por ciento
  • Una sola familia de fondos en todo tu perfil

Los mockups de dispositivos pueden ayudar cuando el contexto importa, como una app móvil en una mano o una esfera de reloj en una muñeca. Usados en todos los shots, encogen el trabajo y envejecen rápido. Una pantalla plana y limpia sobre un buen fondo suele ser más potente. Los fondos degradados y los fondos degradados oscuros explican cómo crear fondos que no parezcan preajustes.

Haz que tu perfil de Dribbble parezca un solo portfolio

Los visitantes juzgan un perfil por su cuadrícula. Si todos los shots comparten una familia de fondos, un margen y una forma de recortar, la cuadrícula parece cuidada, y lo que cambia de una miniatura a otra es tu trabajo, no tu encuadre. Los consejos para portfolios de diseño y el diseño de casos de estudio llevan el mismo razonamiento a un portfolio completo.

Flujo de onboarding

Un shot de una serie: primero el título, luego las pantallas en las imágenes siguientes.

Conjunto de iconos, 48 glifos

El siguiente shot con el mismo fondo y la misma composición, para que la cuadrícula del perfil se lea como una sola obra.

Da a cada shot un título claro que diga qué es, «Onboarding de una app bancaria» en lugar de «Buen rollo fresco», y una breve descripción del problema y de tu decisión. La gente encuentra los shots mediante búsqueda y etiquetas, y los clientes leen la descripción para juzgar cómo piensas, no solo cómo dibujas.

Un fondo que nadie más usa es una firma discreta. En Gradiently, Shot de Dribbble es un tamaño integrado, y un Mark que reservas es solo tuyo para exportar, así que el escenario de tus shots no puede aparecer en el perfil de otro diseñador. Con Pro puedes exportar imágenes fijas hasta 4K o un MP4 corto cuando el movimiento lento del Mark encaja con un shot animado. Para shots con movimiento en general, mantén los bucles cortos y suaves; los fondos degradados animados explican los principios.

Encuentra un degradado que sea solo tuyo

Explora miles de Marks, diseña con cualquiera de ellos gratis y reserva el que sientas tuyo.

Explorar el Mercado

Preguntas frecuentes

¿Qué tamaño tiene un shot de Dribbble?

1600×1200 píxeles, un formato horizontal 4:3.

¿Puedo subir otra proporción a Dribbble?

La cuadrícula de Dribbble es 4:3, así que otras formas se recortan o se rellenan en la miniatura. Diseña en 4:3 para controlar lo que ve la gente.

¿Qué fondo debo usar para un shot de Dribbble?

Un fondo calmado algo más oscuro que una interfaz clara, o un fondo profundo con un leve toque de luz para interfaces oscuras. El fondo debe ser más discreto que el trabajo.

¿Pueden animarse los shots de Dribbble?

Sí. Los shots pueden incluir GIF y vídeos, que encajan con el trabajo de interacción y movimiento. Mantén el movimiento breve y haz que el bucle sea limpio.

¿Cuánto margen debe tener un shot de Dribbble?

Entre un 10 y un 15 por ciento del marco por cada lado, unos 160 a 240 píxeles en un shot de 1600 píxeles de ancho.

Compartir esta guía

Escrito por GradientlyCuenta verificada de Gradiently

El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.

Ver nuestro perfil

En esta página

Dimensiones de un shot de DribbbleCómo encuadrar el trabajo dentro de un shot de DribbbleFondos para shots de DribbbleHaz que tu perfil de Dribbble parezca un solo portfolio

Compartir esta guía

Siguiente en Redes sociales

Tamaño de portada de Behance: 1616×1264 y cómo recortarla

Sigue leyendo

Todas las guías de Redes sociales
Redes sociales

Tamaño de portada de Behance: 1616×1264 y cómo recortarla

6 min de lectura

La portada de Behance es lo único que la mayoría ve de un proyecto. Aquí tienes el tamaño exacto, cómo se comporta el recorte y cómo diseñar una portada que merezca la apertura.

Casos de uso

Consejos para tu portfolio de diseño: presenta tu trabajo

6 min de lectura

Quien revisa un portfolio dedica poco tiempo a cada uno, y la mayor parte al primer proyecto. Estos consejos explican qué incluir, cómo estructurar un caso de estudio y cómo presentar el trabajo para que se vea tan bien como es.

Fondos

Diseño de casos de estudio: el problema, el trabajo y el resultado

5 min de lectura

La mayoría de los casos de estudio son una galería con un párrafo encima. Los que consiguen clientes cuentan una historia que un desconocido sigue en un minuto. Eso exige una estructura clara, visuales que la sostengan y un formato para cada canal.

Encuentra el look que es solo tuyo.

Cada Mark es un fondo vivo con un único dueño. Prueba uno que siga disponible y reserva el tuyo cuando te convenza.

Empieza a diseñar

Comprobar un certificado

Escribe un número de certificado o el código de un Mark para ver de quién es.

Funciona con ChatGPT y Claude

Pídele un diseño a tu IA. Lo crea en tu Mark, listo para editar.

ChatGPTClaude
Cómo conectarlo

Producto

  • Mercado
  • Explorar
  • Precios
  • Certificados

Aprende

  • Guía práctica
  • Centro de ayuda
  • Novedades

Desarrolladores

  • Introducción
  • ChatGPT y Claude
  • Referencia de la API
  • Claves de API

Empresa

  • Quiénes somos
  • Contacto
  • Iniciar sesión

Legal

  • Términos
  • Privacidad
  • Reembolsos
  • Protección de Marks
  • Cookies
  • Todas las políticas
Recorre las letras. Cada una lleva un Mark real.Toca una letra para ver su Mark.Un nombre. Diez Marks dentro.
© 2026 Gradiently