diseño web

Fotos de antes y después: muestre un solo trabajo real desde el mismo ángulo

Use fotos reales de un solo trabajo, tomadas desde el mismo lugar antes y después. Obtenga permiso por escrito, indique el servicio y la fecha, y difumine los detalles privados.

Su teléfono está lleno de trabajos terminados. La terraza de madera (deck) que estaba gris y ahora es de un café profundo. La cocina que estaba con la estructura de la pared al descubierto. El jardín que pasó de lodo a césped. El trabajo es bueno, pero un visitante de su sitio no puede verlo, y usted no sabe qué fotos usar o si siquiera puede publicar la casa de un cliente.

Las fotos de antes y después en el sitio web de un negocio funcionan cuando muestran un solo trabajo real, tomado desde el mismo lugar, con una leyenda breve y el visto bueno por escrito del cliente. Esa es toda la receta. Cada parte tiene un paso pequeño, y ninguna necesita una cámara nueva.

Empiece con un solo trabajo, no con una galería. Un par que pase todas las revisiones hace más por un visitante que una galería de fotos que no las pasan.

Puntos clave

Mismo lugar, mismo trabajo

Tome la foto del después desde la posición exacta de la del antes, con un punto de referencia fijo, como una cerca, una puerta o la entrada de autos, dentro del encuadre.

Primero, el permiso por escrito

Obtenga el visto bueno firmado del dueño de la propiedad que nombre las fotos, los lugares donde pueden aparecer y cómo retirar el consentimiento.

Proteja los datos privados

Recorte o difumine los rostros, los números de casa, el correo, las placas y las propiedades de los vecinos, salvo que el permiso los cubra.

Rotúlela y manténgala legible en un teléfono

Apile el par con las etiquetas visibles «Antes» y «Después» y una leyenda, y trate un control deslizante (slider) como un extra opcional.

¿Cómo muestra un solo trabajo para que el visitante lo crea?

Use fotos reales del mismo trabajo terminado, tomadas desde el mismo lugar antes y después del trabajo, y muéstrelas como un par que coincida, con una leyenda breve. Un visitante que ve la misma esquina del mismo jardín, con la misma cerca detrás, puede notar qué cambió sin que se lo digan.

Cada par necesita cuatro cosas: la foto de antes, la foto de después, una leyenda que nombre el servicio y la fecha, y un registro de que tiene permiso para publicarla. Si falta una de las cuatro, retenga el par hasta que la tenga.

Nunca use imágenes de stock, montajes ni fotos retocadas como resultados. Si no tiene un antes que realmente coincida, rotule la foto final como foto de proyecto. No invente una comparación. Si quiere ver con más detalle por qué las fotos de trabajos reales generan más confianza que las de stock, la publicación sobre fotos de stock o fotos reales en su sitio web lo explica.

¿Cómo toma la foto de después desde el mismo lugar que la de antes?

Piense en la primera foto como una marca a la que tiene que volver. Antes de que empiece el trabajo, elija un punto que pueda volver a encontrar, como una referencia contra una pared o una línea en el suelo. Anote la altura de la cámara, a qué distancia estaba parado y hacia dónde miraba. La U.S. Copyright Office (Oficina de Derechos de Autor de EE. UU.) describe al fotógrafo como la persona que, por lo general, es dueña de la foto, así que quien sostenga la cámara en su equipo debería ser siempre la misma persona, o las fotos deben asignarse al negocio por escrito.

Mantenga un punto de referencia fijo en el encuadre, como una cerca, una puerta, el borde de la entrada de autos o una ventana. Ese punto de anclaje es lo que permite que un extraño vea que ambas fotos muestran el mismo lugar. Tome las fotos con luz y clima parecidos cuando pueda, y retire los escombros y los materiales temporales antes de la foto final para que lo que se vea sea el trabajo terminado.

Un poste de cerca de madera con dos banderitas naranjas clavadas en la tierra desnuda, junto a un camino de grava.
Una marca en el suelo le da el lugar exacto donde pararse cuando el trabajo esté terminado.

Registre el nombre del trabajo o su número interno, la fecha, el servicio realizado y quién tomó cada foto. Ese registro es lo que usted podrá mostrar después si alguien pregunta de dónde salió una foto.

¿Necesita permiso para publicar la casa de un cliente?

Obtenga permiso por escrito del dueño de la propiedad o del cliente antes de publicar. Un mensaje de texto que diga «claro» es un comienzo, pero una nota breve firmada es mejor, porque puede nombrar exactamente a qué accedió el cliente. Un inquilino, un empleado o el fotógrafo por sí solos no pueden dar permiso para algo que pertenece a otra persona.

La U.S. Copyright Office explica en su guía sobre fotografía que el fotógrafo, por lo general, posee los derechos de autor, mientras que las personas o la propiedad que aparecen pueden tener intereses separados de privacidad, de publicidad o contractuales. En términos sencillos, tomar la foto no le da todos los derechos para publicarla.

Una nota de permiso útil cubre estos puntos:

  • Las fotos: Nombre o adjunte las imágenes concretas de antes y de después.
  • Dónde pueden aparecer: Sitio web, redes sociales, Perfil de Negocio de Google y publicidad, cada uno enumerado.
  • Qué puede mostrarse: Si pueden aparecer el nombre del cliente, su testimonio, su rostro y su propiedad.
  • Cómo retirarlo: Cómo puede el cliente pedirle que deje de usar las fotos en el futuro.

Las reglas de publicidad y privacidad de cada estado difieren, y un trabajo con un detalle inusual puede requerir una consulta rápida con un abogado de su estado. Si falta el permiso, pregunte al cliente antes de publicar. Si dice que no, deje fuera el par.

Un portapapeles en blanco con un bolígrafo encima de una carpeta cerrada, apoyado sobre un escalón pintado de un porche.
Pida la autorización al final del trabajo, mientras el cliente mira el trabajo terminado.

¿Qué debe recortar o difuminar antes de publicarla?

Revise el archivo a tamaño completo, no la miniatura. Recorte o difumine los rostros, los números de casa, los letreros de calle, el correo, los niños, los documentos, las placas de los autos, los detalles de seguridad y cualquier cosa que muestre la propiedad de un vecino. La única excepción es algo que la foto necesite de verdad y que el permiso del cliente cubra.

Difuminar un rostro no resuelve todas las preguntas de privacidad, así que la opción más limpia es dejarlo fuera del encuadre. Cuando quién vive ahí no importa para el resultado, una toma de detalle cercana de los azulejos nuevos, de las tablas manchadas o del borde terminado muestra el trabajo sin mostrar la casa.

Una placa metálica sencilla para dirección, sin marcas, junto a un rollo de cinta azul de pintor sobre el alféizar de ladrillo de una ventana.
Revise las esquinas de cada encuadre por si hay un número de casa, una placa o una pieza de correo.

Hágalo antes de subir la foto. Un detalle oculto que quiso difuminar, pero que solo tapó con un diseño, sigue dentro del archivo.

¿Qué espera la FTC de una imagen de antes y después?

La guía de publicidad de la FTC espera que la imagen sea veraz y no esté alterada de forma sustancial, y que la afirmación que un cliente saca de toda la página esté respaldada. Recortar para el tamaño y equilibrar la exposición están bien cuando el resultado todavía se ve como se veía en el trabajo. Quitar una mancha con un editor no lo está.

Un trabajo real tampoco muestra lo que recibirá el siguiente cliente. La FTC dice que si un respaldo no refleja lo que los clientes por lo general pueden esperar, el anuncio debe decir con claridad qué pueden esperar. Una línea que diga «Los resultados pueden variar» por sí sola no basta. Mantenga la leyenda específica para el trabajo que se muestra, y no sugiera que todos los trabajos se verán igual.

Si la cita de un cliente aparece junto al par, las Endorsement Guides (Guías sobre respaldos) de la FTC, revisadas en 2023 se aplican en línea, incluidos los sitios web, las reseñas y las redes sociales. La cita tiene que reflejar la experiencia real de esa persona, y cualquier relación material, como un descuento por publicar, debe divulgarse. No adjunte una foto a una reseña pública solo porque la reseña sea pública. El cliente tiene que haber aceptado ambas cosas.

Un par tampoco demuestra que su servicio causó cada cambio visible. La luz, el clima y la limpieza pueden cambiar cómo se ve un espacio, y por eso importa la regla del mismo lugar.

¿Cómo debe verse el par en un teléfono?

Apile las dos fotos, con «Antes» arriba y «Después» abajo, cada una con una etiqueta visible y la misma información repetida en texto. En una pantalla ancha, colóquelas una al lado de la otra. De cualquier forma, el visitante debe poder leer el resultado sin arrastrar, tocar ni hacer zoom.

Un control deslizante (slider) es un extra opcional. El par tiene que tener sentido sin él, y un control deslizante nunca debe ser la única forma de leer el resultado. Elija el diseño que se mantenga claro, accesible y rápido en el teléfono de alguien que lo sostiene con una mano.

Un par que funciona en una pantalla pequeña
ParteQué incluirPor qué ayuda
EtiquetasTexto visible «Antes» y «Después» en cada fotoEl visitante sabe cuál es cuál de un vistazo
Orden«Antes» arriba y «Después» abajo en el teléfono; uno al lado del otro en pantallas anchasSin arrastrar ni adivinar
LeyendaServicio, lugar general, fecha, alcance y cualquier límiteEl par se lee como un registro de trabajo real
Versión en textoLa misma información en texto simple debajo del parFunciona para lectores de pantalla y conexiones lentas
Control deslizanteOpcional, con el par apilado todavía visibleNunca es la única forma de ver el resultado
ParteEtiquetas
Qué incluirTexto visible «Antes» y «Después» en cada foto
Por qué ayudaEl visitante sabe cuál es cuál de un vistazo
ParteOrden
Qué incluir«Antes» arriba y «Después» abajo en el teléfono; uno al lado del otro en pantallas anchas
Por qué ayudaSin arrastrar ni adivinar
ParteLeyenda
Qué incluirServicio, lugar general, fecha, alcance y cualquier límite
Por qué ayudaEl par se lee como un registro de trabajo real
ParteVersión en texto
Qué incluirLa misma información en texto simple debajo del par
Por qué ayudaFunciona para lectores de pantalla y conexiones lentas
ParteControl deslizante
Qué incluirOpcional, con el par apilado todavía visible
Por qué ayudaNunca es la única forma de ver el resultado

La velocidad de carga también importa aquí. Google y web.dev recomiendan la carga diferida de las imágenes que están debajo de la primera pantalla, pero no de la imagen principal que el visitante necesita de inmediato. También recomiendan enviar copias del tamaño adecuado y comprimidas, con sus originales guardados por separado. Nuestra publicación sobre cómo redimensionar y comprimir imágenes para su sitio web explica los pasos.

¿Qué debe decir la leyenda y el texto alternativo?

Escriba la leyenda para el visitante y el texto alternativo para alguien que no puede ver la foto. Cumplen funciones distintas, y ninguno de los dos es un lugar para meter palabras clave.

Una buena leyenda nombra el servicio, el lugar general, la fecha o el periodo, el alcance o los materiales cuando importan, y cualquier límite que cambie la forma en que debe leerse el resultado. La leyenda de un trabajo de deck podría decir: «Limpieza y tinte de deck, terminado en junio de 2026. Fotos tomadas desde la misma posición antes del trabajo y después de que el tinte se secó.»

El texto alternativo describe lo que muestra la imagen. La guía de Google sobre imágenes pide nombres de archivo descriptivos, leyendas y texto alternativo, colocados cerca del texto relevante, sin palabras clave repetidas. El criterio de éxito 1.1.1 de WCAG 2.2 pide una alternativa de texto para las imágenes con significado, y por eso un par de antes y después necesita uno que diga qué cambió. Nuestra publicación sobre texto alternativo para el sitio web de un negocio pequeño tiene ejemplos.

Cuando el par pertenece a una descripción de proyecto más larga, con alcance, proceso y comentarios de clientes, el marketing de contenidos es el trabajo que convierte fotos sueltas en páginas que la gente lee.

¿Puedo usar las mismas fotos en mi Perfil de Negocio de Google?

Sí, cuando representen con exactitud su negocio y cumplan las reglas de fotos de Google. La guía de fotos del Perfil de Negocio de Google pide fotos enfocadas, bien iluminadas y con poca alteración. Google indica los formatos JPG y PNG, un tamaño recomendado de 720 por 720 píxeles, un mínimo de 250 por 250 píxeles, y un tamaño de archivo de 10 KB a 5 MB.

Su nota de permiso debe nombrar el Perfil de Negocio de Google como canal antes de publicar ahí. La misma foto aprobada puede aparecer en varios lugares: una página de proyecto con el par completo y los detalles del trabajo, la página de servicio correspondiente, una actualización del Perfil de Negocio y una publicación en redes sociales. Lleve un registro sencillo que vincule cada foto con su permiso y su fecha de publicación.

¿En qué consiste la revisión de diez minutos para un trabajo reciente?

Elija su mejor trabajo reciente, abra la primera foto utilizable y la final, y hágase estas preguntas.

  • Misma zona: ¿Ambas fotos muestran el mismo lugar desde una posición lo bastante cercana?
  • Cambio claro: ¿Un desconocido puede ver qué cambió sin hacer zoom?
  • Trabajo terminado: ¿La imagen final muestra el trabajo completo y no una etapa sin terminar?
  • Datos conocidos: ¿Conoce la fecha del trabajo y su alcance?
  • Permiso: ¿Tiene permiso por escrito para usarla en el sitio web y en marketing?
  • Privacidad: ¿Están protegidos los rostros, las direcciones, las placas y los objetos personales?
  • Teléfono: ¿El par se lee cómodamente en un teléfono?

Si todas las respuestas son sí, coloque ese par en la página de servicio o de proyecto más pertinente antes de armar una galería grande. Luego pregunte a alguien que no conozca el trabajo qué cree que cambió. Si no lo puede notar, vuelva a tomar las fotos o elija otro trabajo.

Un teléfono inteligente cerrado boca abajo sobre una carpeta de tres anillas, junto a una cinta métrica sobre un banco de trabajo.
Un trabajo revisado de principio a fin vale más que una galería de fotos sin revisar.

Una cámara mejor no arregla una prueba débil. Primero van la posición, la luz, el momento, una foto final limpia, el permiso y una leyenda clara. Un par que induce a error, o para el que no tiene permiso, debe quedarse fuera del sitio.

¿Cuándo vale la pena pagar ayuda?

Muchas veces puede arreglar su primer par usted solo en una tarde. La ayuda de pago empieza a tener sentido cuando el problema es repetirlo: decenas de imágenes dispersas, ninguna rutina de permisos, una galería lenta o difícil de usar en el teléfono, o nadie que mantenga la evidencia al día.

El valor de esa ayuda está en la organización, el criterio y el mantenimiento. Eso significa una rutina de captura y aprobación, archivos de imagen preparados para la velocidad y el acceso, una estructura de proyecto que se sostenga, y ejemplos conectados a las páginas de servicio a las que pertenecen. No significa una promesa de que un control deslizante o un rediseño traerá clientes potenciales, y no puede convertir un resultado faltante o engañoso en una prueba real. Si quiere ver si la página en sí está convirtiendo visitantes en consultas, la optimización de la tasa de conversión es el trabajo para eso.

¿Su par de antes y después está listo para publicarse?

Elija una respuesta para empezar.

1. ¿Dónde debe pararse para tomar la foto de después?

2. ¿Qué basta como permiso para publicar la casa de un cliente?

3. ¿Cómo debe usarse un control deslizante en la página del teléfono?

Preguntas frecuentes sobre las fotos de antes y después

¿Las fotos de antes y después deben tomarse desde el mismo ángulo?

Sí. Use la misma posición, altura, orientación y distancia, con una luz parecida, para que la diferencia que ve el visitante venga del trabajo y no de la cámara.

¿Necesito permiso para publicar la casa de un cliente?

Obtenga permiso por escrito antes de usar una propiedad identificable del cliente en contenido de sitio web o publicitario. La nota debe decir dónde pueden aparecer las fotos.

¿Puedo usar el rostro de un cliente en una foto de proyecto?

Solo cuando el permiso cubra la imagen de la persona y el uso publicitario. Si el rostro no es necesario, recórtelo o difumínelo.

¿Debo usar un control deslizante o imágenes una al lado de la otra?

Empiece con imágenes apiladas o una al lado de la otra que tengan sentido sin interacción. Un control deslizante puede ser un extra opcional.

¿Qué debe incluir la leyenda?

El servicio, el alcance, el lugar general, la fecha o el periodo, y cualquier límite que cambie la forma en que debe leerse el resultado.

¿Puedo editar las fotos?

Recortar, equilibrar la exposición y comprimir están bien siempre que no cambien el resultado aparente. No falsifique, retoque ni quite nada que afecte el resultado.

La conclusión

Un par creíble sale de un trabajo real, tomado desde el mismo lugar, con una leyenda clara y el permiso por escrito del cliente. Los datos privados están protegidos, las etiquetas «Antes» y «Después» son visibles, y la página se lee bien en un teléfono. Un par tampoco demuestra lo que recibirá el siguiente cliente, así que la leyenda se mantiene específica para el trabajo que se muestra.

Hacerlo una vez le da una rutina repetible. El siguiente trabajo empieza con un punto marcado y una autorización, y el par terminado va a una página de servicio con un registro detrás.

Si sus fotos están dispersas, sus permisos están en hilos de mensajes de texto, o su galería es lenta en un teléfono, Web Leveling puede ayudar. Nuestro trabajo de diseño web crea páginas de proyectos que muestran trabajos reales con claridad y que son fáciles de mantener al día. Trabajamos con pequeñas y medianas empresas en todo el país y en el extranjero. Contáctenos sobre las fotos de sus proyectos y revisaremos lo que tiene.

Términos

Términos sobre pruebas fotográficas en esta publicación

Toque un término para ver qué significa.

Par que coincide. Dos fotos de la misma zona del mismo trabajo, tomadas desde el mismo lugar antes y después del trabajo.

Punto de referencia. Un objeto fijo, como una cerca, una puerta o el borde de la entrada de autos, que aparece en ambas fotos para mostrar que coinciden.

Autorización (release). Una nota por escrito del dueño de la propiedad o del cliente que le permite publicar las fotos.

Texto alternativo (alt text). Una descripción breve por escrito de una imagen, para personas que no pueden verla.

Carga diferida (lazy loading). Retrasar la carga de las imágenes que están debajo de la primera pantalla para que la página se abra más rápido.

Control deslizante (slider). Un control que el visitante arrastra para mostrar el antes y el después de una imagen.