Tarjetas en el móvil

Las medidas del pase de Apple Wallet, en una tabla

Apple no publica una tabla única con todo, y las medidas cambian según el tipo de pase. Estas son las de una tarjeta de fidelización (storeCard), que es la que usa un bar o una cafetería.

Actualizado el 10 de agosto de 2026 · lo mantenemos porque lo usamos nosotros.

Apple reparte estas medidas entre varias páginas y las cambia según el tipo de pase, así que casi todo lo que se encuentra por ahí mezcla las de una entrada de concierto con las de una tarjeta de sellos. Esta tabla es la de una tarjeta de fidelización (storeCard), y viene con la letra pequeña que casi nadie cuenta: en el strip hay dos medidas circulando y las dos se pueden defender.

La tabla de medidas

Imagen	Fichero	En puntos	2x (px)	3x (px)	¿Obligatoria?
Icono	`icon.png`	38 × 38	76 × 76	114 × 114	Sí
Logo	`logo.png`	50–160 ancho × 50 alto	hasta 320 × 100	hasta 480 × 150	No, pero sí
Strip	`strip.png`	375 × 144	750 × 288	1125 × 432	No

Las medidas del logo son un máximo, no un lienzo: la imagen se ajusta dentro de esa caja conservando su proporción. Un logo cuadrado acabará ocupando 50 × 50 de los 160 disponibles de ancho, y eso está bien — lo que no puedes es estirarlo.

Y una tarjeta de fidelización no lleva las otras tres imágenes que verás mencionadas por ahí: thumbnail.png es de entradas y pases genéricos, background.png de entradas y footer.png de tarjetas de embarque. Si te las encuentras en un tutorial, ese tutorial no está hablando de tu caso.

Ojo con el strip: vas a encontrar dos medidas, y las dos son «de Apple». La documentación archivada de PassKit repartía el strip en tres alturas —98 pt para entradas, 144 pt para tarjetas regalo y cupones y 123 pt «en el resto de casos»— y de ahí sale el 375 × 123 que circula por medio internet. Las directrices de diseño actuales listan el strip en 375 × 144 para cupón y tarjeta de fidelización. Como una storeCard es justamente la tarjeta regalo/fidelización, 144 es la que le toca — y es la que recomendamos.

Qué hacer con esto en la práctica: diseña a 1125 × 432 y deja el contenido importante en la franja central. Si el sistema recorta, recorta por arriba y por abajo, que es donde no tienes nada. Al revés —diseñar a la baja y que te la estiren— se nota siempre.

Nota de transparencia: este sistema genera hoy sus strips a 1125 × 369 (la altura baja), y en un iPhone de verdad se ven sin bandas, sin estirar y sin recortes. Así que si vienes a buscar cuál de las dos «funciona»: las dos. La diferencia práctica es otra — con la altura alta los sellos salen un 17 % más grandes y llenan mejor el hueco. Es una mejora, no una reparación.

Cómo salir de dudas en tu caso, en dos minutos. Abre un pase tuyo y mira solo la banda de sellos. Si los círculos salen ovalados, te la están estirando. Si los de los extremos aparecen comidos por los lados, te la están recortando. Y si ves franja arriba y abajo, te sobra alto. Ojo con esto último: si el fondo de tu strip es del mismo color que el del pase, la franja existe pero no se ve — y solo la delata que los sellos parezcan pequeños para el hueco que tienen.

El strip, que es el que de verdad importa

El strip es la banda ancha que cruza el pase por debajo de la cabecera. En una tarjeta de fidelización es toda la cara del producto: es donde se pintan los huecos de sello, los regalos y la foto de tu local. Si solo vas a cuidar una imagen, cuida esta.

La proporción ronda el 2,6 : 1 (una banda muy apaisada). Dos consecuencias prácticas:

Una foto vertical no vale. Se va a recortar por arriba y por abajo. Elige fotos horizontales, y con el motivo en el centro.
No pongas texto pequeño dentro del strip. A 144 puntos de alto, cualquier frase se lee mal. El texto va en los campos del pase, que son texto de verdad y se adaptan al idioma del móvil.

El strip cambia según lo que pase

El strip no tiene por qué ser una imagen fija. En una tarjeta de sellos lo normal es que haya una imagen por cada estado: 0 sellos, 1 sello, 2 sellos… Con una cartilla de 10 son once imágenes. Ahí está el trabajo de verdad de montar esto a mano, y es exactamente lo que un sistema como este hace solo: generar las once, para cada nivel, para cada comercio.

Logo e icono no son lo mismo (y el icono se ve más)

Es el error más común: subir la misma imagen a los dos sitios.

	Icono	Logo
Dónde se ve	En las notificaciones y en la lista de pases	Arriba a la izquierda del pase
Forma	Cuadrado, se recorta redondeado	Apaisado, se ajusta a la caja
Qué poner	El símbolo de tu marca, sin texto	Tu logotipo completo
Si te equivocas	Un logotipo alargado dentro de un cuadrado sale ilegible en la notificación	Un símbolo cuadrado se ve pequeñísimo arriba

Y si vienes de un tutorial viejo: el icono creció. Durante años el mínimo fue 29 pt (29/58/87 px) y así sigue en media internet. Desde iOS 15 las notificaciones enseñan el icono más grande y Apple subió el mínimo a 38 pt. Con el tamaño viejo el icono se ve borroso justo donde más se mira: en el aviso que le llega a tu cliente. Nosotros lo teníamos en 29 y lo hemos subido al descubrirlo escribiendo esta guía.

El icono es obligatorio. Sin icon.png, el pase no se añade al Wallet. Y como es el que sale en las notificaciones, es la imagen de tu negocio que más veces va a ver tu cliente.

Formato, y los errores que rompen el pase

PNG. Todas las escalas, siempre PNG. Las directrices actuales de Apple piden 2x y 3x; la de 1x ya no hace falta para pantallas modernas.
Cuidado con el WebP disfrazado. Muchos programas exportan un archivo llamado .png que por dentro es WebP. El Wallet no lo abre y el pase falla sin decir por qué. Si un pase «no se añade» y no encuentras el motivo, empieza por aquí.
Transparencia en icono y logo: sí, y conviene, porque el fondo del pase lo pones tú con un color. En el strip, no: lo que quede transparente se verá del color de fondo y suele quedar raro.
Peso. No hay una cifra mágica, pero el .pkpass entero viaja al móvil cada vez que se actualiza. Un strip de 2 MB por once estados es un pase lento.

Los campos de texto

El texto del pase no va dentro de las imágenes: son campos, y por eso se leen con un lector de pantalla, se pueden cambiar desde el servidor y se muestran en el idioma del móvil.

Fila	Cuántos caben	Para qué sirve
Cabecera	1	El dato que se ve con el pase cerrado. En una cartilla: «7/10».
Principal	1	Lo más importante. En una storeCard suele quedar detrás del strip.
Secundarios y auxiliares	4 entre los dos	Nombre del socio, nivel, próximo premio. No son 4 de cada uno: son 4 en total, en una sola fila.
Reverso	Muchos	Condiciones, dirección, teléfono, dar de baja. Ahí solo mira quien busca.

Regla práctica: tres datos en la cara delantera y ni uno más. Quién es, cuánto lleva y qué gana. Todo lo demás, detrás.

Y cuidado con los textos largos: si no caben, Wallet no da ningún error — simplemente no los enseña. Un campo que en tu prueba se ve entero puede desaparecer en el móvil de un cliente con el texto en alemán.

Los campos se traducen; las imágenes, no. Si escribes «PRÓXIMO PREMIO» dentro del strip, un cliente alemán lo verá en castellano para siempre. Si lo pones como etiqueta de campo, lo ve en su idioma.

Colores y contraste

El pase tiene tres colores: fondo, texto y etiquetas. Se declaran como triplete rgb(23, 187, 82), al estilo CSS — el hexadecimal no está documentado, así que si tu herramienta te deja poner #17bb52, estás fuera de lo que Apple describe. Dos avisos más que ahorran disgustos:

El contraste importa más de lo que parece. Amarillo sobre blanco se ve precioso en tu pantalla y no se lee al sol, que es justo donde tu cliente saca el móvil en una terraza.
El color del fondo y el del strip tienen que convivir. Si el strip lleva una foto oscura y el fondo del pase es negro, el pase parece un agujero. Tíñelos con la misma familia.

Un detalle que casi nadie aprovecha: el color puede cambiar según el nivel del cliente. La misma tarjeta en azul para el que empieza y en negro para el que lleva un año es la señal de estatus más barata que existe — la lleva en el bolsillo y la ve cada día.

Preguntas frecuentes

¿Qué tamaño tiene el strip de un pase de Apple Wallet?

Vas a encontrar dos respuestas: 375 × 123 pt y 375 × 144 pt. La documentación archivada de Apple daba 375 × 144 para tarjetas regalo y cupones y 375 × 123 para el resto; las directrices actuales listan 375 × 144 para cupón y tarjeta de fidelización. En píxeles: 750 × 288 a 2x y 1125 × 432 a 3x para la medida alta, y 750 × 246 / 1125 × 369 para la baja. Si diseñas a la alta y sobra, se recorta por arriba y por abajo, que es el fallo menos visible.

¿Hace falta subir las tres escalas del strip?

Las directrices actuales de Apple piden solo 2x y 3x. Lo práctico es diseñar una sola imagen a la escala 3x y generar la de 2x reduciendo; la de 1x ya no hace falta para pantallas modernas.

¿Qué formato deben tener las imágenes del pase?

PNG. El icono es obligatorio: sin icon.png el pase no se añade. Y ojo con los archivos que se llaman .png pero por dentro son WebP: hay que recodificarlos a PNG de verdad o el pase falla.

¿Cuántos campos de texto caben en un pase de fidelización?

En una storeCard: 1 campo de cabecera, 1 principal y hasta 4 entre secundarios y auxiliares en la cara delantera. Por detrás caben más, pero ahí solo mira quien va a buscarlos.

Si además vas a dar soporte a Android —y vas a tener que darlo—, sigue por la tarjeta de fidelización en Google Wallet, donde las medidas y la forma de montar la tarjeta son distintas.

Y si prefieres no montar nada de esto

Todo lo de esta página lo hace etlas solo: genera las imágenes en su medida, arma el pase para Apple y para Google, y lo actualiza en el móvil de tu cliente cada vez que sella. Tú eliges los colores y los premios.

Ver precios y empezar

Seguir leyendo