Fotos para página web: cuáles usar y cómo optimizarlas

Fotos para página web: propias o de banco, qué tomar con tu celular, derechos de uso y cómo optimizarlas en formato, tamaño, nombre y texto alternativo.

Una dueña de un despacho contable en Satélite le pide a su sobrino que le arme la página. Él busca "oficina moderna" en un banco de imágenes y llena el sitio con gente sonriendo frente a laptops en una sala con ventanales de vidrio. Se ve profesional. Un mes después, un prospecto llega a la oficina real, un segundo piso con escritorios de madera y archiveros, y lo primero que dice es: "Ah, pensé que era más grande". No es que la oficina esté mal. Es que la página prometió otra cosa.

Las fotos para página web hacen dos trabajos al mismo tiempo: generan confianza (o la quitan) y afectan qué tan rápido carga tu sitio. Elegir bien las fotos para página web de tu negocio significa decidir cuáles deben ser tuyas, cuáles pueden venir de un banco, cómo tomarlas con lo que ya tienes y cómo prepararlas para que no hagan lenta la página.

En esta guía vemos todo eso, con una tabla por tipo de foto y una checklist de optimización que puedes pasarle a quien haga tu sitio.

Fotos propias o de banco de imágenes

La regla corta: lo que el cliente va a ver en persona debe ser foto real. Tu equipo, tu local, tu producto, tus trabajos terminados. Ahí una foto de banco es una promesa que no vas a cumplir, y la gente detecta rápido las imágenes que ha visto en otras cien páginas.

Las fotos de banco sirven para lo que es conceptual o de ambiente: un fondo, una textura, una ilustración de una idea abstracta ("ahorro de tiempo", "seguridad"). Incluso ahí, úsalas con moderación.

CriterioFoto propiaBanco de imágenes
ConfianzaAlta: muestra lo que el cliente va a encontrarBaja si se usa para equipo, local o producto
CostoTu tiempo, o una sesión con fotógrafoGratis o licencia de pago según el banco
DerechosTuyos si las tomas tú; con fotógrafo, acuérdalo por escritoDependen de la licencia de cada imagen
PersonasNecesitas su autorización para publicarlasLa licencia debe cubrir el uso comercial
Dónde funcionaEquipo, local, proceso, producto, proyectosFondos, conceptos, blog

Derechos de uso, en términos generales

Esto no es asesoría legal, pero hay criterios básicos que evitan problemas:

  • Una imagen que encontraste en Google no es libre solo por estar en internet. Casi todo tiene autor.
  • Cada banco tiene su licencia. Algunos permiten uso comercial sin atribución, otros piden dar crédito, otros cobran por imagen o por suscripción y algunos excluyen ciertos usos. Lee la licencia de cada foto y guarda una captura o el comprobante.
  • Si contratas a un fotógrafo, deja por escrito que puedes usar las fotos en tu página, redes y anuncios, sin límite de tiempo.
  • Personas reconocibles, sean empleados o clientes, deben autorizar que su imagen aparezca. Mejor por escrito.
  • Imágenes generadas con inteligencia artificial: pueden servir para conceptos, pero no para mostrar tu equipo o tus trabajos, porque estarías mostrando algo que no existe. Revisa también los términos de la herramienta que uses.

Qué fotos tomar con tu celular

Un celular reciente basta para la mayoría de las fotos de una página de negocio, siempre que cuides la luz y el orden. Estas son las cuatro familias de fotos que más rinden:

Equipo. Retratos individuales de quienes atienden al cliente y una foto grupal. Fondo limpio, luz de ventana de lado, a la altura de los ojos. Mejor la misma persona trabajando que posando con los brazos cruzados.

Lugar. Fachada desde la calle (ayuda a que te encuentren al llegar), recepción, áreas donde se atiende al cliente, estacionamiento o acceso si es relevante. Ordena antes de disparar: cables, cajas y papeles se notan más en foto que en persona.

Proceso. Manos trabajando, herramientas, el antes de entregar. Estas fotos explican qué haces mejor que un párrafo, sobre todo en servicios difíciles de imaginar.

Producto o trabajo terminado. Sobre fondo neutro si es producto; instalado o en uso si es servicio. Varias fotos del mismo trabajo desde ángulos distintos.

Consejos prácticos para tomarlas:

  1. Limpia la lente del celular. Parece obvio y es la causa de muchas fotos borrosas.
  2. Usa luz natural, de lado, y evita el flash.
  3. Toma horizontales para encabezados y verticales para celular y redes; ten ambas.
  4. Dispara varias veces la misma toma y elige después.
  5. No uses filtros fuertes; corrige solo brillo y enderezado.
  6. Toma una sesión completa en un solo día para que todas tengan el mismo estilo.

Tabla: tipo de foto y dónde va en tu página

Tipo de fotoDónde vaOrientaciónConsejo
Foto principal de portadaPrimera pantalla del inicioHorizontal, con versión recortada para celularQue deje espacio para el título y no sea un carrusel
Retratos del equipoNosotros, páginas de servicioVertical o cuadradaMismo fondo y luz para todos
FachadaContacto, Perfil de GoogleHorizontalQue se vea el número o letrero
Interior y recepciónNosotros, inicioHorizontalOrdenado y con luz natural
Proceso de trabajoPáginas de servicioHorizontalManos y herramientas, no poses
ProductoCatálogo, tienda, serviciosCuadradaFondo neutro y varios ángulos
Trabajos terminadosProyectos o portafolioHorizontalCon autorización del cliente si se identifica
Imagen de bancoBlog, fondos, conceptosSegún el diseñoRevisa la licencia y guarda el comprobante

Las fotos de fachada e interior también sirven para tu Perfil de Negocio en Google, así que toma de más.

Cómo optimizar las fotos para que no hagan lenta tu página

Una foto sin optimizar puede pesar varios megas, y una página con diez de esas tarda en cargar en datos móviles. Las imágenes suelen ser lo que más pesa en un sitio, así que aquí está buena parte de la velocidad de tu página web.

Formato

Los formatos modernos como WebP y AVIF pesan bastante menos que JPG o PNG con calidad parecida, y los navegadores actuales los soportan. Usa JPG si tu plataforma no acepta otro formato, y PNG solo para logotipos o gráficos con transparencia. Para logotipos e íconos, SVG suele ser la mejor opción.

Tamaño

No subas la foto tal como sale del celular. Redúcela al ancho máximo en que se va a mostrar. Como referencia orientativa, una imagen de portada a lo ancho de la pantalla rara vez necesita más de unos 2,000 píxeles de ancho, y una foto dentro de un bloque de texto, bastante menos. El peso final depende de la imagen y del formato; la idea es que cada foto pese lo menos posible sin verse pixeleada. Lo ideal es que el sitio entregue versiones distintas según el tamaño de pantalla, algo que se cubre en el diseño web responsive.

Carga diferida

Las fotos que no se ven al abrir la página pueden cargarse cuando el visitante se acerca a ellas. La foto principal de la portada, en cambio, debe cargar primero.

Nombre de archivo

"IMG_4532.jpg" no le dice nada a nadie. Usa nombres descriptivos en minúsculas, con guiones y sin acentos: "fachada-despacho-contable-satelite.webp". Ayuda a ordenar tus archivos y le da contexto a los buscadores.

Texto alternativo

El texto alternativo describe la imagen para quien usa lector de pantalla y para los buscadores. Escríbelo como si le contaras a alguien qué hay en la foto:

  • Bien: "Recepción del despacho con dos escritorios y sala de espera".
  • Mal: "foto", "imagen1" o una lista de palabras clave repetidas.

Las imágenes puramente decorativas pueden llevar el texto alternativo vacío para que el lector de pantalla las ignore.

Checklist de fotos antes de publicar

  1. ¿Las fotos de equipo, local y producto son reales?
  2. ¿Tienes la licencia o la autorización de cada foto que no tomaste tú?
  3. ¿Las personas que aparecen aceptaron salir en la página?
  4. ¿Cada foto está en formato moderno y reducida al tamaño en que se muestra?
  5. ¿Los nombres de archivo describen la imagen?
  6. ¿Cada foto relevante tiene texto alternativo útil?
  7. ¿La portada tiene una sola imagen fuerte en lugar de un carrusel?
  8. ¿Revisaste en celular que ninguna foto se corte mal?

Errores comunes con las fotos de una página web

  • Equipo de banco de imágenes. Si tu "equipo" aparece en otras páginas, pierdes credibilidad de golpe.
  • Fotos tomadas de Google o de otro sitio sin permiso.
  • Subir fotos originales de varios megas directo desde el celular.
  • Carruseles en la portada con cinco fotos pesadas que casi nadie llega a ver.
  • Fotos oscuras o torcidas que hacen ver descuidado el negocio.
  • Texto importante dentro de la imagen. Google no lo lee bien y en celular queda ilegible; ponlo como texto.
  • Fotos viejas de un local que ya remodelaste o de personas que ya no trabajan contigo.

Preguntas frecuentes

¿Necesito contratar a un fotógrafo profesional?

No siempre. Para empezar, un celular reciente, buena luz y orden alcanzan para fotos dignas de equipo, lugar y proceso. Un fotógrafo vale la pena si tu producto o tus espacios son parte central de lo que vendes, como en restaurantes, hoteles, arquitectura o productos de consumo.

¿Puedo usar fotos gratuitas de bancos de imágenes en mi página de negocio?

Sí, siempre que la licencia permita uso comercial y respetes sus condiciones, como dar crédito si lo pide. Úsalas para conceptos y fondos, no para representar a tu equipo, tu local o tus trabajos. Guarda el enlace o comprobante de la licencia.

¿Cuántas fotos debe tener una página web?

Las necesarias para que cada sección muestre algo real: una principal en el inicio, retratos en nosotros, varias por servicio o producto y la fachada en contacto. Más fotos no es mejor si hacen lenta la página; cada imagen debe aportar información o confianza.

¿El texto alternativo ayuda al posicionamiento en Google?

Ayuda a que Google entienda qué muestra la imagen y puede hacerla aparecer en búsquedas de imágenes, pero su función principal es la accesibilidad. Escríbelo para describir, no para meter palabras clave. Un buen texto alternativo cumple ambos objetivos.

¿Qué hago con fotos donde aparecen mis clientes?

Pide autorización antes de publicarlas, de preferencia por escrito, y explica dónde van a aparecer. Si no la tienes, recorta o usa tomas donde no se identifiquen personas. En giros de salud o servicios personales, sé todavía más cuidadoso.

Por dónde empezar

  1. Haz una lista de las fotos de la tabla que ya tienes y las que te faltan.
  2. Reserva una mañana con buena luz para tomar equipo, lugar, proceso y producto.
  3. Revisa la licencia de cada imagen de banco que ya uses.
  4. Convierte, reduce y renombra las fotos antes de subirlas.
  5. Escribe el texto alternativo de cada foto relevante y revisa todo en tu celular.

Las fotos funcionan mejor con buenos textos al lado; para eso, revisa textos para página web. Y si prefieres que lo armemos contigo, en Emproyecta hacemos páginas web en CDMX pensadas para mostrar tu negocio real y cargar rápido en celular.

Cotiza sin compromiso

Cotiza una página web con fotos reales de tu negocio por WhatsApp

Mándanos por WhatsApp unas fotos de tu negocio o el enlace de tu página actual. Te decimos qué fotos te faltan y cómo aprovecharlas en tu sitio.

Conocer páginas web ↗