Saltar al contenido principal

Menú de comandos

Ve a una página o busca en el catálogo

Cómo crear portadas que se lean en tamaño miniatura

Una portada de producto se juzga en tamaño miniatura. Cómo diseñar una de 1920x1200 que se siga leyendo en el móvil, paso a paso, con medidas reales de Getly.

7 min de lectura
1266 palabras
Cómo crear portadas que se lean en tamaño miniatura

Un comprador rara vez ve tu portada a tamaño completo. La ve en una cuadrícula, junto a una docena de portadas más, en una pantalla que a menudo es la de un móvil. En Getly la cuadrícula de productos muestra dos tarjetas una al lado de otra en el móvil, así que cada portada se dibuja a aproximadamente la mitad del ancho de la pantalla. Todo lo que haya en la imagen tiene que funcionar a ese tamaño o no funciona en absoluto.

Este tutorial explica cómo crear una portada que sobreviva a la miniatura, desde el tamaño del lienzo hasta la subida. Las cifras proceden del catálogo de Getly, medido el 26 de septiembre de 2026.

La mayoría de las fichas dependen de una sola imagen. Entre las fichas activas:

Imágenes en la fichaPorcentaje de fichas activas
Exactamente una54,06 %
De dos a cuatro33,20 %
Cinco o más12,60 %

Solo el 7,00 % de las fichas activas incluye un vídeo y el 13,67 % un recurso de vista previa aparte. Así que, en más de la mitad del catálogo, la portada es lo único que ve un comprador antes de decidir si hace clic.

También abrimos la primera imagen de una muestra aleatoria de 400 fichas activas y leímos sus dimensiones reales. El 83,0 % se acercaba a 16:10 (una proporción entre ancho y alto de entre 1,5 y 1,7), porque el recortador de subida encuadra las imágenes así. El 9,5 % eran cuadradas y el 1,5 % verticales, subidas antiguas anteriores al recortador. La mediana del ancho fue de 1280 píxeles, el 31,3 % medía 1600 píxeles de ancho o más y el 13,5 % era más estrecho que 800 píxeles. El archivo mediano pesaba unos 168 KB.

El problema de la forma está casi resuelto. Lo que queda es el contenido: si la imagen dice algo cuando se reduce.

Paso 1: empieza con un lienzo de 1920x1200

La tarjeta de producto de Getly es 16:10, y el recortador del formulario de producto encuadra cada imagen con esa proporción y la guarda con hasta 1600 píxeles de ancho. Diseña a 1920x1200. Es exactamente 16:10, así que el recortador no tiene nada que cortar, y es mayor que 1600, así que el recortador la reduce en lugar de ampliarla. Reducir mantiene los bordes nítidos; ampliar una imagen pequeña vuelve borroso el texto.

Los límites de subida que debes tener presentes: JPEG, PNG, WebP o GIF, hasta 5 MB en una subida directa. El recortador acepta un archivo de origen más grande (hasta 25 MB) y lo recodifica en un tamaño menor. Las fotos HEIC de un iPhone no se aceptan; expórtalas primero como JPEG o elígelas desde la hoja de Fotos, que las convierte.

Paso 2: elige un solo motivo y hazlo grande

Una portada que intenta mostrarlo todo no muestra nada en tamaño miniatura. Elige una sola cosa que el comprador deba reconocer:

  • Para una plantilla o un planificador: una página, de frente, que ocupe casi todo el encuadre.
  • Para un paquete: tres o cuatro elementos en abanico, no veinte en una cuadrícula.
  • Para un ebook: la portada del libro, grande, sobre un fondo liso.
  • Para una fuente: dos o tres palabras escritas con esa fuente, nada más.

Mantén el motivo en el centro del encuadre con un margen de aproximadamente el 8 % a cada lado. La tarjeta tiene esquinas redondeadas y un borde, y encima puede aparecer una insignia, así que los bordes son el lugar menos seguro para cualquier cosa importante.

Paso 3: limita el texto a lo que cabe en un vistazo

El texto en una portada es opcional. Si lo usas, que sean cuatro o cinco palabras y con letras altas: una línea de texto debería medir al menos una octava parte de la altura de la imagen para seguir siendo legible en un móvil. El nombre del producto ya aparece impreso debajo de la tarjeta, así que la portada no necesita repetirlo. Usa el texto de la portada para lo único que el nombre no puede mostrar, como "Editable en Canva", "A4 y US Letter" o "120 páginas".

Usa un peso grueso. Las fuentes finas y las de tipo manuscrito son las primeras que desaparecen cuando una imagen se reduce.

Paso 4: comprueba el contraste en escala de grises

Los colores que se distinguen bien a tamaño completo pueden fundirse en tamaño miniatura. Antes de exportar, cambia el diseño a escala de grises por un momento. Si el texto y el motivo siguen destacando sobre el fondo, el contraste es suficiente. Si se mezclan en un solo gris, oscurece el fondo o aclara el motivo hasta que se separen.

Paso 5: prueba con el tamaño real

Este es el paso que la mayoría se salta, y es el que importa. Aleja el zoom de tu diseño hasta que mida unos 180 píxeles de ancho en pantalla, más o menos el tamaño de una tarjeta en una cuadrícula de dos columnas en el móvil. O expórtalo, envíalo a tu móvil y míralo junto a otras portadas. Hazte tres preguntas:

  1. ¿Puedes saber qué es el producto sin leer el título?
  2. ¿Puedes leer cada palabra?
  3. ¿Se ve distinta de las portadas que la rodean?

Si alguna respuesta es no, quita algo. Casi siempre las portadas mejoran al perder elementos, no al ganarlos.

Paso 6: exporta y sube

  • JPEG para fotografías e imágenes con textura, con una calidad de alrededor de 85.
  • PNG para gráficos planos, capturas de pantalla y todo lo que tenga texto nítido.
  • Mantén el archivo por debajo de 5 MB.

En el formulario de producto, suelta la imagen en el paso de contenido multimedia. El recortador se abre con un marco 16:10; como tu lienzo ya tiene esa forma, el marco cubre toda la imagen y puedes aplicarlo tal cual. Si el recortador no puede generar una imagen en tu navegador (algunas extensiones de privacidad lo bloquean), aparece un botón para subir el original sin recortar.

Paso 7: añade las imágenes que responden a las siguientes preguntas

La portada consigue el clic. Las imágenes que vienen después consiguen la compra. El formulario del panel admite hasta cinco imágenes, y las útiles después de la portada suelen ser:

  1. Una mirada al interior: una o dos páginas o pantallas reales, legibles.
  2. Un primer plano de un detalle que muestre calidad.
  3. Una imagen de lista sencilla: qué archivos se incluyen, en qué formatos y tamaños.

En un artículo anterior vimos qué se pierden las fichas con una sola imagen: la mitad de todas las fichas tiene exactamente una imagen. En resumen: una segunda y una tercera imagen cuestan poco y responden a preguntas que el comprador, de otro modo, tendría que hacer.

Una lista de comprobación de un minuto

ComprobaciónObjetivo
Lienzo1920x1200, 16:10
MotivoUno, que ocupe casi todo el encuadre, con un margen del 8 %
TextoCuatro o cinco palabras, de al menos 1/8 de la altura
ContrasteSigue claro en escala de grises
Prueba a tamaño realLegible con unos 180 px de ancho
ArchivoJPEG o PNG, por debajo de 5 MB
Imágenes adicionalesVista interior, detalle, lista de archivos

Nada de esto garantiza una venta. Solo asegura que la única imagen que ven la mayoría de los compradores les diga de verdad qué vendes. Si vas a crear una ficha nueva, empieza desde la página para vendedores; publicar es gratis y te quedas con el 80 % de cada venta por defecto, como se explica en la página de precios.

¿Listo para empezar a vender?

Marketplace independiente para creadores digitales. Quédate con el 80–90% de cada venta. Aceptamos tarjetas y stablecoins.