Cómo se veLa sección nueva, en tres pantallas
Va en la tercera pantalla, justo después de «What VIFAC Los Cabos does» y antes del video de las velas. Es lo primero de What's in Cabo que ve quien entra a la página. Capturas reales de la vista previa (las notas amarillas son del borrador y no salen al publicar).
PC · 1512 px (tu Mac)
iPad vertical · 768 px
iPhone · 390 px
Tu esposa, resaltadaGrande, al centro y señalada
- Foto grande. La foto del grupo va casi a todo lo ancho: 1,192 px en tu Mac.
- Una etiqueta sobre su cabeza. Dice «WHAT'S IN CABO» y la señala en PC, iPad y celular. Aparece suave cuando la foto entra en pantalla.
- En celular, la foto se cierra sobre ella. Se ve una versión vertical centrada en tu esposa, en lugar del grupo completo en chiquito.
- El pie de foto la ubica. Dice «In white, at the center:…», y el título de la sección es «Our family, at VIFAC's table».
- Un botón para grupos. «Plan a workshop with VIFAC» lleva a las experiencias para grupos (una de ellas es justo «Workshop with a purpose»).
In May 2024, the family behind What's in Cabo led a bracelet-making workshop for the moms at VIFAC Los Cabos. Around one long table they strung turquoise chips and colored beads — and at the end, everyone held up what they had made.
De la carpeta a la página2 fotos y 4 videos → 6 imágenes
Los videos no van en la página. De cada uno saqué una foto fija: un programa revisó los 1,658 cuadros y escogió los más nítidos. Los videos del iPhone vienen en HDR; los pasé a color normal comparando tres curvas y quedándome con la que da la piel más natural.
| Archivo | Qué muestra | Qué le hice | En la página |
|---|---|---|---|
| IMG_1442 · foto | El grupo al final del taller: tu esposa al centro y las mamás con sus pulseras. | Dos recortes: 16:9 para PC y iPad, y uno vertical 4:5 centrado en ella para el celular. 4 etiquetas en blanco. | La foto principal |
| IMG_1426 · foto | La clase: ella al frente, las mamás alrededor de la mesa azul. | Recorte vertical 4:5 sin el techo. 4 etiquetas en blanco. | «Leading the class» |
| IMG_1435 · video de 27 s | Manos con piedras de turquesa, pinzas rojas y un dije de corazón. | El cuadro más nítido de 818, en vertical 4:5. | Detalle |
| IMG_1406 · video de 12 s | Manos ensartando cuentas negras junto a los vasos rojos. | El cuadro más nítido de 362; los que mostraban una etiqueta con nombre quedaron fuera. | Detalle |
| IMG_1421 · video de 9 s | Manos terminando una pulsera rosa con dije de corazón. | Recortado arriba de la etiqueta con su nombre y de la cabeza; curva suave porque el tapete salió casi blanco. | Detalle |
| IMG_1430 · video de 7 s | La clase vista de lado. | No se usó: es la misma escena que IMG_1426, que es una foto de 12 megapíxeles; el video da 2. | — |
Principal · PC e iPad (16:9)
Principal · celular (4:5, centrada en ella)
La clase
Detalle · turquesa (video 1435)
Detalle · cuentas negras (video 1406)
Detalle · pulsera rosa (video 1421)
PrivacidadSin nombres y sin datos del teléfono
VIFAC atiende a sus mamás de forma confidencial. En las dos fotos había 8 etiquetas con el nombre de pila de las mamás (4 en cada una). Quedaron en blanco, con su luz y su textura, así que no se nota el retoque. No muestro el «antes» porque trae los nombres.
- Sin datos del teléfono. Los archivos publicados no llevan GPS, fecha ni modelo del iPhone; lo comprobé en los archivos que entrega el servidor. Los videos sí traían la ubicación, pero un cuadro sacado de un video no la hereda.
- Detalles sin caras. Las tres fotos de manos no muestran caras ni etiquetas.
- Pendiente con Karol: que los permisos de imagen firmados cubran a estas mamás y a sus bebés (hay 4 bebés en las fotos), y si alguna mamá era menor de edad. Mientras tanto, la página sigue en borrador.
Calidad y velocidad70 MB de originales, 0.3 MB en la página
Las fotos llegan en AVIF, el formato más ligero de hoy, con WebP de respaldo, y cada una en 3 o 4 tamaños. Cada pantalla baja solo el tamaño que necesita, y las fotos cargan cuando el visitante se acerca a la sección, así que el inicio de la página no se hace más lento. El espacio de cada foto está reservado desde el principio: la página no brinca (0 saltos medidos en 6 equipos).
| Equipo | Foto principal | Toda la sección (5 fotos) |
|---|---|---|
| Tu Mac (1512 px, pantalla retina) | 198 KB | 352 KB |
| PC común (1280 px) | 86 KB | 187 KB |
| iPad horizontal (1024 px) | 198 KB | 352 KB |
| iPad vertical (768 px) | 127 KB | 228 KB |
| iPhone (390 px) | 156 KB | 310 KB |
| Android (360 px) | 156 KB | 310 KB |
- Alta calidad. Salen de los originales de 12 megapíxeles. Pasé el color del iPhone (Display P3) al estándar de la web (sRGB), para que se vean igual en todas las pantallas, y les di un enfoque suave después de reducirlas.
- Los originales pesan 70 MB: dos fotos de 2.4 y 1.9 MB y cuatro videos de 8 a 30 MB. Se quedan en tu carpeta.
SEOFotos que Google entiende
- Nombres de archivo que describen la foto, en inglés como la página:
vifac-los-cabos-bracelet-workshop-group-2400.avif. - Texto alternativo en cada foto (lo lee Google y lo escuchan las personas ciegas):
| Foto principal (PC y celular) | A member of the What's in Cabo family, center in white, with VIFAC Los Cabos moms holding up the bracelets they made at the workshop; some hold their babies |
| La clase | A member of the What's in Cabo family leads a bracelet-making class for VIFAC Los Cabos moms around a long blue table |
| Turquesa | Hands string turquoise chips into a bracelet with a small silver heart charm, next to red-handled pliers |
| Cuentas negras | Hands thread black beads on a bead board, next to two red cups |
| Pulsera rosa | Hands finish a pink beaded bracelet with a small heart charm |
- Pie de foto y crédito visibles («Photos: What's in Cabo at VIFAC Los Cabos, May 24, 2024»). Las fuentes al pie de la página también lo dicen ahora.
- Cuando llegue el nombre de tu esposa, entra también en los textos alternativos.
- Mientras la página sea borrador, Google no la indexa. Al publicarla, podrá indexar también las fotos.
VerificaciónTres revisores, por separado
Tres revisores independientes revisaron la sección en 27 tamaños de pantalla. Ninguno encontró un nombre legible ni datos del teléfono en los archivos. Encontraron 12 detalles: los corregí todos y repetí sus pruebas en vivo en 14 anchos, de 280 a 1512 px.
Revisor de PC y tablet · Aprobó con detalles
Revisó tu Mac (1512), PC de 1280 y 1920, los iPad de 1366, 1024 y 768 y 16 anchos intermedios. No hay caras tapadas, la etiqueta queda sobre la cabeza de tu esposa en todos, el contraste mínimo es 6.4 a 1, no hay saltos y el botón tiene foco visible.
- En pantallas de 1101 a 1200 px la tarjeta rozaba los calcetines del bebé — arreglado: la tarjeta sube en proporción a la foto y siempre queda en el 80 % de abajo (medido en 1101, 1150, 1180, 1256 y 1512)
- En los iPad de 820 y 834 px las fotos de detalle bajaban un tamaño algo chico — arreglado: los detalles ahora se exportan con la misma forma que su recuadro
Revisor de celulares · Aprobó con detalles
Revisó iPhone de 390, 430 y 375 px, Android de 360 px y el teléfono en horizontal. El encuadre vertical centrado en ella es correcto, el botón (269 × 51 px) se alcanza sin que lo tape la barra de abajo, todo cumple el contraste y no hay saltos.
- La palabra «table» quedaba sola en el segundo renglón del título — arreglado: el título reparte sus renglones
- «What's in Cabo», «VIFAC Los Cabos» y la fecha se partían entre renglones — arreglado: esos nombres ya no se parten
- La pastilla «Leading the class» medía 12 px — arreglado: 13 px
- En 360 px la etiqueta quedaba a 4 px del borde de la foto — arreglado: etiqueta más chica en pantallas angostas, ahora con 13 px de aire
Adversario (intentó romperla) · La privacidad aguantó; se rompió en detalles
Bajó los 32 archivos y los revisó byte por byte: ninguna letra legible en las 8 etiquetas, ni con el contraste aumentado seis veces, y ningún dato del teléfono. Sin JavaScript todo se ve; con red lenta no hay saltos; con el zoom al 200 % nada se encima; cero errores.
- Con un nombre largo (31 letras) la etiqueta se salía de la foto en los teléfonos — arreglado: en teléfono la etiqueta lleva solo el nombre; probado con 31 letras incluso a 280 px
- Con el texto agrandado al 150 % el pie de foto se encimaba sobre el texto del botón — arreglado: el espacio crece con la letra
- En pantallas de 280 a 320 px el borde de la foto recortaba la etiqueta — arreglado: ahora queda completa
- Con red lenta la etiqueta aparecía antes que la foto, señalando un recuadro vacío — arreglado: espera a que la foto esté lista (probado reteniendo la foto 8 segundos)
- Las fotos AVIF no se guardaban en el navegador, y en la segunda visita se volvían a bajar — arreglado: estas fotos se guardan un año; las demás de la página siguen igual
- Algunas fotos se veían un poco ampliadas (iPad mini y la pulsera rosa) — arreglado: versión de 1560 px para teléfono y detalles con la forma de su recuadro
Dos cosas que ya estaban antes y no son de esta sección quedan anotadas: con red lenta el título de la portada puede saltar una vez (falta precargar la letra cursiva) y el teléfono precarga una foto de portada que no usa.
Lo que faltaTus decisiones y las de Karol
- El nombre de tu esposa (y que me confirmes que es la de blusa blanca y falda verde). Va en el texto, el pie de foto, la etiqueta y los textos alternativos.
- Karol: permisos de estas fotos. Que cubran a estas mamás y a sus bebés, y si alguna era menor de edad.
- El lugar. Hoy va en la tercera pantalla. Si la quieres todavía más arriba (junto a la portada), se puede, pero la página dejaría de empezar por VIFAC.
Siguen pendientes, de antes, para publicar la página: tu OK al diseño y a la dirección (/give-back/vifac-los-cabos/), tu texto de «Why What's in Cabo supports VIFAC», y el banco y el SWIFT de VIFAC para donar desde fuera de México.
Cómo se revierteTres archivos y listo
Los tres archivos que cambiaron están respaldados en el servidor (~/backups/exec/*.2026-09-25-pre-fotos). Para quitar la sección basta con regresarlos. Las fotos son archivos nuevos que no reemplazan nada. El script que arma las fotos queda guardado y rehace todo en 40 segundos: si cambia el recorte o llega el nombre, se corrige sin perder calidad.
Método: fotos y videos originales de Iván (iPhone 13 Pro Max, 24-may-2024). Cuadros elegidos por nitidez (varianza del laplaciano). HDR → SDR con tonemap «mobius». Retoque de etiquetas con relleno del papel (envolvente de brillo), revisado a 5× de acercamiento. AVIF (Pillow, calidad 52–64) y WebP (calidad 80). Medidas con Chromium en 6 tamaños de pantalla, bloqueando Google Analytics.