Fotos para tu web: de dónde sacarlas y cómo usarlas

Las fotos son lo primero que nota un visitante en una web, antes del título y antes de la primera frase. Las buenas hacen que un negocio se sienta real y confiable. Las malas, o las que no tienes derecho a usar, pueden costarte clientes e incluso dinero. En esta lección ves de dónde sacar fotos, qué significan en palabras simples los términos de las licencias, cómo sacar buenas imágenes con el celular, cómo prepararlas para la web y cómo ubicarlas en la página.

Por qué las fotos hacen tanto del trabajo

La gente mira las imágenes antes de leer. Una foto le dice al visitante, en medio segundo, qué tipo de negocio eres, de qué tamaño y si se ve cuidado. También puede quitar dudas. Quien ve tu trabajo, tu local y tu gente se siente más seguro al llamarte que quien solo lee promesas.

Por eso las fotos reales le ganan a las genéricas. Una imagen de tu cocina verdadera, de tu camioneta, de tu equipo o de un trabajo terminado dice más que cualquier foto pulida de desconocidos en una oficina perfecta. Usa fotos de archivo solo para tapar huecos, como un fondo abstracto, y pon imágenes reales en cada lugar donde estés haciendo una promesa.

Estos son los tipos de fotos que necesita casi cualquier negocio pequeño:

• El lugar. Por fuera y por dentro, para que la gente lo reconozca al llegar.
• Las personas. Tú y tu equipo, trabajando y mirando a la cámara.
• El trabajo. Obras terminadas, productos, platos, fotos de antes y después (con permiso del cliente).
• El proceso. Manos, herramientas y pasos, que muestran cómo trabajas.
• Los detalles. Primeros planos de materiales, ingredientes o de la mano de obra.
• Los clientes. Clientes contentos, con su permiso por escrito.

De dónde sacar fotos

Tu propio celular

Un teléfono reciente saca fotos suficientemente buenas para casi cualquier web de un negocio pequeño, siempre que haya buena luz y el lente esté limpio. Son gratis, reales y rápidas, y puedes repetirlas cuando algo cambie. Es el mejor lugar para empezar.

Un fotógrafo de tu zona

Si tu sitio depende de una imagen cuidada, como un restaurante, un salón de belleza, un arquitecto o una boutique, unas horas con un fotógrafo son una buena inversión. Antes de contratarlo, pregunta tres cosas: qué vas a recibir y en qué tamaños, cuántas fotos editadas incluye y qué derechos obtienes. Lo que necesitas es un permiso por escrito para usar las fotos en tu web y en tus redes, sin límite de tiempo.

Bancos de fotos de pago

Los bancos de imágenes venden licencias para usar fotos profesionales. Sirven para fondos generales y para temas que no puedes fotografiar tú. Lee la licencia antes de pagar, y elige fotos que no parezcan de archivo: luz natural, personas reales, sin sonrisas forzadas.

Bancos de fotos gratuitos

Algunos bancos ofrecen fotos sin costo. Pueden ser una buena fuente de fondos y paisajes. Cada uno publica su propia licencia y las condiciones cambian, así que lee la página de licencia del banco cada vez. Rige la misma regla: si no encuentras la licencia, no uses la foto.

Imágenes de tus proveedores y socios

Los fabricantes, los distribuidores y los socios suelen tener fotos profesionales de sus productos. Solo puedes usarlas si te dan permiso, y lo mejor es pedirlo por correo y guardar la respuesta.

Fotos de tus clientes

La foto que un cliente saca de tu trabajo tiene mucha fuerza, pero es de ese cliente. Pide permiso antes de publicarla, explica dónde va a aparecer y, si la persona quiere, dale el crédito.

Imágenes hechas con inteligencia artificial

Los generadores de imágenes pueden crear fondos e ilustraciones. Son una mala opción para mostrar tu trabajo real, tu equipo o tu lugar, porque el visitante quiere ver lo verdadero, y una imagen inventada puede engañarlo. Si usas una, revisa las condiciones de la herramienta para uso comercial. Las reglas sobre de quién son las imágenes de IA todavía se están definiendo, así que consulta con un profesional si esa imagen es importante para tu marca.

Qué significan las licencias de fotos, en palabras simples

Una foto queda protegida por derechos de autor desde el momento en que se toma. Eso significa que es del fotógrafo y necesitas su permiso para usarla. La licencia es ese permiso, con reglas. Estas son las palabras que más vas a ver.

• Libre de regalías (royalty-free). Pagas una vez, o nada, y puedes usar la imagen muchas veces. No quiere decir libre de reglas. La licencia igual dice qué puedes hacer y qué no, y nunca significa que la imagen no tenga dueño.
• Derechos gestionados (rights-managed). La licencia cubre un uso concreto, como un sitio web durante un año en una región. Cuesta más y te da más control.
• Solo uso editorial. La imagen puede ilustrar noticias o comentarios, pero no sirve para promocionar un negocio. Tu web es promoción, así que no puedes usarlas.
• Dominio público. Nadie tiene los derechos, o el dueño los cedió, y cualquiera puede usar la imagen. Comprueba con cuidado que de verdad esté en el dominio público.
• Creative Commons. Una familia de licencias que los autores ponen a su obra. Todas exigen dar el crédito al autor, salvo CC0, que no tiene condiciones. Otras etiquetas suman límites: NonCommercial (no comercial) significa que no puedes usar la imagen en un negocio, así que deja fuera tu web. NoDerivatives (sin obras derivadas) significa que no puedes modificar la imagen, y ShareAlike (compartir igual) exige que compartas tus cambios con la misma licencia.

Hay dos reglas más que importan en un negocio.

• Personas. Si en una imagen que usas para promocionar tu negocio aparece una persona reconocible, necesitas su permiso, normalmente una autorización de imagen firmada. Cuando fotografíes a tus clientes o a tu equipo, pide un sí por escrito, aunque sea un mensaje o una nota firmada.
• Propiedades y marcas. Las imágenes que muestran logos, obras de arte o propiedad privada también pueden necesitar permiso cuando se usan con fines comerciales.

Hay una regla sin excepciones: no uses imágenes de Google Imágenes, de Pinterest, de redes sociales ni de otras páginas web. Pertenecen a alguien, y que sea fácil copiarlas no las vuelve gratis. Un fotógrafo o una agencia puede pedirte que la retires y que pagues, y eso puede pasar años después. Cuando consigas un permiso o una licencia, guarda en una carpeta la página de la licencia, el recibo y la dirección original de la imagen. Si algún día recibes un reclamo legal por una imagen, habla con un abogado.

Cómo sacar buenas fotos con el celular

• Usa luz natural. La luz suave de una ventana o de un cielo nublado es la que mejor favorece. Evita el sol duro del mediodía y no uses el flash.
• Limpia el lente. Una huella de dedo vuelve borrosas todas las fotos. Pásale un paño suave.
• Mantén firme el teléfono. Usa las dos manos, apoya los codos en el cuerpo o arrímate a una pared.
• Saca las fotos acostadas. Las fotos horizontales encajan mejor en casi todas las webs. Haz algunas verticales para las redes.
• Despeja el fondo. Saca del cuadro el desorden, los cables y los productos de limpieza.
• Acércate. Llena el cuadro con lo que quieres mostrar. No uses el zoom digital, porque baja la calidad: acércate con los pies.
• Muestra a las personas trabajando. Las manos, las herramientas y las caras interesan más que los cuartos vacíos.
• Saca más de las que necesitas. Haz diez y quédate con una.
• Mantén un estilo parecido. Fotografía a una hora del día parecida y con un estilo parecido, para que tus fotos se sientan como un mismo conjunto.
• Guarda los originales. Conserva los archivos de tamaño completo, aunque después hagas versiones más chicas para el sitio.

Cómo preparar las fotos para la web

Una foto recién salida del teléfono puede pesar varios megabytes. Si todas las imágenes de una página pesan tanto, la página carga lento, sobre todo en un celular. Unos pocos pasos lo arreglan.

• Cambia el tamaño. Casi nunca hace falta que una foto mida más de unos 2000 píxeles de ancho en una web. Una imagen que se muestra chica puede ser mucho más chica.
• Elige el formato. JPEG sirve para fotos, WebP y AVIF son formatos más nuevos que dan archivos más livianos con una calidad parecida, PNG va bien para gráficos con bordes nítidos o zonas transparentes, y SVG es lo mejor para logos e iconos.
• Comprime. Exporta con una calidad que mantenga la imagen nítida pero liviana. Como regla práctica, la mayoría de las fotos de una página deberían pesar como mucho unos cientos de kilobytes.
• Ponle nombre al archivo. Usa un nombre descriptivo, como plomero-arreglando-fregadero.jpg, en lugar de IMG_4827.jpg.
• Escribe el texto alternativo. Es una descripción corta de la imagen, que leen en voz alta los lectores de pantalla y que se muestra si la imagen no carga. Describe lo importante en una frase corta, sin empezar con las palabras imagen de. Si una imagen es solo decoración, deja la descripción vacía para que el lector de pantalla la salte.
• Define el tamaño en la página. La página debe conocer el tamaño de cada imagen antes de que cargue, para que nada salte al aparecer.
• Carga más tarde las que están abajo. Las imágenes que están lejos pueden esperar hasta que el visitante se acerque.

Cómo usar las fotos en la página

Una buena foto es un buen comienzo, pero también importa cómo la ubicas. Muestra una idea por imagen. Pon un sujeto claro en el cuadro. Fíjate hacia dónde miran las caras y apuntan las manos, porque los visitantes las siguen hacia el contenido que quieres que vean.

Una cuadrícula de fotos funciona mejor cuando comparten un estilo y una proporción. El menú de Good Dirt que ves abajo muestra platos servidos, fotografiados desde ángulos parecidos y con luz parecida, con el nombre y el precio debajo. Cada foto cumple la misma función, así que la cuadrícula se siente ordenada, y los nombres y precios le dan un propósito a la imagen.

Las fotos también cuentan una historia con pocas palabras. El diseño de Halden muestra dos ambientes de una casa, cada uno con su vista. Un pie de foto breve sobre la primera imagen dice qué momento muestra, y la página suma una sola frase de explicación. Con imágenes grandes y poco texto, el visitante tiene libertad para mirar.

Cuando pongas texto sobre una foto, asegúrate de que las palabras se sigan leyendo. Elige una zona tranquila de la imagen, o agrega una capa oscura detrás del texto. Cuando uses fotos como fondo de ancho completo, elige imágenes con una zona calma donde pueda ir el texto, y revísalas en un celular.

Las fotos de paisajes y de ambientes pueden apoyar la historia de un producto sin mostrar el producto. La sección de Ridgeborn que ves abajo, hecha para una marca de equipo de montaña de concepto, usa fotos de senderos bajo un título corto para decir dónde se prueban las mochilas.

Errores con las fotos que conviene evitar

• Sacar imágenes de Google Imágenes o de otra web. No son de uso libre.
• Imágenes estiradas o pixeladas. Nunca agrandes una foto chica para llenar un espacio grande.
• Archivos enormes. Hacen lenta la página para todos.
• Palabras dentro de las imágenes. El texto que forma parte de una imagen no lo leen los lectores de pantalla y se ve mal en un celular. Pon las palabras importantes en la página, como texto de verdad.
• Estilos mezclados. Fotos brillantes de archivo junto a fotos oscuras tomadas al paso parecen un collage.
• Apretones de manos genéricos. No le dicen nada al visitante sobre ti.
• Sin texto alternativo. Pierdes valor en las búsquedas y dejas afuera a quienes usan lectores de pantalla.
• Olvidar el permiso de las personas. Pídelo siempre y guarda la respuesta.
• Fotos viejas. Una fachada que cambió, un logo anterior o personal que ya no está hacen que el sitio parezca abandonado.

Cómo trabaja Good Sites Only con tus fotos

Nuestros diseños se arman alrededor de imágenes reales. Puedes enviarnos las fotos que tengas, incluso las que sacaste con el celular, y las usamos donde más ayudan. La versión para celular, la configuración de SEO y los formularios de contacto están incluidos, y el hosting también. Ves la maqueta los días 3 y 4, con una ronda de cambios, y el sitio sale en línea el día 7. Para ver cómo las imágenes dan fuerza a una página, recorre nuestros diseños.

Preguntas frecuentes