Diseño25 de octubre de 2025

No estropees tu retícula como Medium

Cuando empezamos a crear portadas para nuestros artículos en Medium, nos dimos cuenta de que en cada página se recortaban con proporciones muy distintas.

Quería saber qué proporción debía usar al diseñar las portadas, así que busqué prácticamente en todos los sitios que se me ocurrieron. Como no encontré ninguna guía sobre cómo crear portadas para Medium, decidí investigar los formatos a fondo y escribirla yo mismo. Los resultados me sorprendieron bastante.

Lo primero: Medium tiene una retícula flexible. Por eso hice el análisis a una única resolución de escritorio, 1440x900. Entre 1024 y 1920 píxeles de ancho, todas las previsualizaciones son estáticas y no cambian de proporción.

Al final del artículo te dejo algunas ideas para crear portadas.

Análisis de las proporciones de las portadas y la retícula

Quizá te hayas fijado en que, incluso dentro de una misma página, la proporción de las portadas cambia. En la fila inferior resulta especialmente raro. Puede que se hiciera así para no usar anchos del 33,3 %, pero como la retícula de Medium es flexible, los valores decimales acaban apareciendo en otros sitios.

Popular en Medium
Popular en Medium

Fíjate en cómo bloques casi iguales tienen portadas con proporciones ligeramente distintas. A mi juicio, es una decisión extraña. Aunque también puede ser simplemente un fallo de implementación.

Publicaciones
Publicaciones
Publicaciones
Publicaciones
Portada
Portada

En algunas páginas, las previsualizaciones de los artículos usan la imagen con su proporción original. Eso solo ocurre cuando la primera imagen del artículo no ocupa el 100 % del ancho de la página o no es de gran tamaño. Seguramente fue una decisión práctica.

Historias del usuario
Historias del usuario
Etiqueta
Etiqueta

A continuación tienes tres bloques casi idénticos que aparecen en secciones diferentes. Tienen la misma proporción, pero las imágenes son de tamaños distintos.

Resultados

En estas imágenes puedes ver la proporción concreta en cada página y con qué frecuencia aparece:

Los resultados, en mi opinión, son inesperados. Estoy seguro de que la situación cambiará, pero a día de hoy no funciona, sobre todo para quienes se preocupan un poco más de la cuenta por las portadas de sus artículos. El análisis también muestra que, por ahora, la retícula de Medium no sigue ninguna regla concreta.

Recomendaciones para crear portadas

Primero quiero mostrarte de forma visual la dispersión de las distintas proporciones:

En la imagen de abajo, las zonas oscuras corresponden a las áreas que siempre serán visibles en cualquier tipo de portada. La zona más oscura es el área segura absoluta.

Mi recomendación es usar una proporción como la de la imagen siguiente. Yo la llamo el «término medio de oro».

Una aclaración: no he tenido en cuenta la página de Publicaciones con retículas dinámicas, porque ahí las portadas se comportan de forma totalmente imprevisible a cualquier resolución.

Cuéntanos tu caso

Escríbenos