Tutorial
Guía paso a paso para elegir, recortar, comprimir y ordenar las fotos de tu web sin conocimientos técnicos y con mejor resultado visual.
Crea tu web gratis →Ten claro cómo quieres que se perciba tu marca.
Prepara tus imágenes en una sola carpeta antes de empezar.
Reserva un rato sin interrupciones para revisar y decidir.
Lo necesitarás para comprobar cómo se ve la web en pantalla pequeña.
Define si quieres transmitir cercanía, autoridad, lujo o rapidez.
Elegir bien las fotos de perfil y las demás imágenes de tu web cambia la confianza que transmite tu negocio, la velocidad de carga y hasta tus ventas. En esta guía vas a aprender, paso a paso, cómo elegir y optimizar las fotos de tu web en unos 30 a 45 minutos, aunque no tengas experiencia técnica.
El objetivo no es solo que se vean bonitas, sino que ayuden a vender: que la gente entienda quién eres, qué ofreces y por qué debe contactarte o comprarte. Si usas Selspy, muchas de estas tareas las puedes resolver simplemente pidiéndolo en el chat, pero conviene saber qué revisar para que el resultado sea realmente profesional.
Antes de subir imágenes, decide qué papel va a cumplir cada una. El error más común es usar fotos al azar, repetir la misma imagen en varias secciones o elegir solo por gusto personal. Una web de negocio necesita fotos que expliquen, den confianza y acompañen la acción que quieres que haga el visitante.
Haz una lista simple de las páginas y bloques de tu sitio. Al lado de cada uno, anota qué tipo de foto necesita y qué debe comunicar. No empieces editando nada hasta tener esta lista cerrada.
Si trabajas solo, normalmente bastan entre 1 y 3 fotos de perfil y entre 5 y 12 imágenes de apoyo para toda la web. Si tienes equipo o tienda, la cantidad sube, pero la lógica es la misma: menos fotos, mejor elegidas.
Ahora toca seleccionar. Para una web profesional, una foto buena no es la más artística, sino la que se entiende rápido y encaja con tu marca. Si dudas entre dos imágenes, gana la que se ve más clara en tamaño pequeño y la que parece más real.
Empieza por las fotos de perfil, porque suelen ser las que más influyen en la confianza. La persona debe mirar natural, aparecer bien iluminada y verse como se verá en una reunión, una llamada o una atención real al cliente. Evita filtros fuertes, fondos confusos y ropa que distraiga.
Para servicios, prioriza escenas reales de tu trabajo. Por ejemplo, si vendes asesoría, funciona mejor una foto tuya trabajando con un cliente o explicando algo, que una imagen genérica de un apretón de manos. Si vendes productos, usa fotos nítidas, con fondo uniforme y varias vistas del artículo.
Con Selspy puedes pedir en el chat algo como: “Quiero una web más cercana, selecciona las fotos más profesionales y coherentes para inicio, equipo y servicios”. Aun así, tu criterio importa: tú conoces mejor que nadie la imagen que quieres dar.
Una foto puede ser buena y aun así funcionar mal en la web si está mal recortada. El recorte debe adaptarse al lugar donde aparecerá. No uses la misma imagen en formato horizontal, cuadrado y vertical sin revisar cómo queda cada versión.
Para fotos de perfil, el encuadre ideal suele dejar la cara bien visible, con algo de aire por encima de la cabeza y parte de hombros o torso. Si recortas demasiado, se siente agresivo. Si dejas demasiado fondo, la persona pierde presencia.
Haz esta comprobación práctica: mira la foto al 25 por ciento de zoom o en miniatura. Si en pequeño no se entiende, no sirve. También revisa que no haya objetos saliendo por la cabeza, manos cortadas sin intención o demasiado techo, pared o mesa vacía.
Si quieres simplificar, en Selspy puedes pedir que recorte las imágenes para perfil, portada y secciones internas con encuadres adecuados para cada bloque de la web. Eso te ahorra la parte más tediosa.
Aquí está la parte que más afecta a la velocidad de tu web. Una imagen enorme tarda en cargar, hace que el visitante espere y puede empeorar la experiencia en móvil. La buena noticia es que no necesitas conocimientos técnicos avanzados para dejar esto bien.
Usa esta referencia sencilla para la mayoría de webs de negocio:
En cuanto al formato, para la mayoría de fotografías convienen formatos modernos y ligeros. Si tienes una imagen con fondo transparente, usa un formato que conserve esa transparencia. Si es una foto normal, evita subirla con más resolución de la necesaria.
Si usas Selspy, puedes pedir algo como: “Optimiza todas las imágenes para que carguen rápido sin perder calidad”. Así el sistema ajusta automáticamente gran parte del trabajo, pero te recomiendo revisar siempre dos cosas: que la imagen no haya quedado demasiado blanda y que en móvil se siga viendo bien.
Este paso parece menor, pero te ahorra mucho tiempo después. Subir archivos llamados IMG_4837 o foto-final-final-2 crea caos. Además, poner nombres descriptivos ayuda a mantener tu web mejor organizada y facilita futuras actualizaciones.
Usa nombres sencillos, en minúsculas y con guiones. Describe el contenido real de la imagen y, si quieres, añade la sección donde irá.
Organiza también las carpetas antes de subir:
Si dentro de 3 meses cambias una foto o amplías la web, agradecerás haber sido ordenado desde el principio. En Selspy puedes pedir que mantenga una estructura limpia y que reemplace imágenes sin romper el diseño de la página.
Subir la imagen no significa que el trabajo haya terminado. Ahora tienes que comprobar el resultado real en la web. Muchas fotos que se ven bien por separado quedan mal cuando compiten con textos, botones, fondos o márgenes.
Haz una revisión visual bloque por bloque. No te centres solo en si te gusta la foto, sino en si ayuda al visitante a entender y confiar.
Abre tu web en un teléfono real si puedes. Mira especialmente la primera pantalla, la sección de equipo y las fichas de producto o servicio. En móvil, las fotos se recortan más y cualquier error de encuadre se nota enseguida.
Si detectas que una imagen distrae, pesa demasiado o no encaja, cámbiala sin dudar. Una web profesional no necesita muchas fotos, necesita las correctas. Con Selspy puedes pedir ajustes concretos en lenguaje normal: “Haz la foto principal más limpia”, “Recorta mejor las fotos del equipo” o “Sustituye las imágenes oscuras por versiones más luminosas”.
La imagen sola no siempre vende. Necesita contexto. Una buena práctica es acompañar las fotos con títulos, pequeños textos o etiquetas que expliquen qué está viendo la persona y por qué importa. Esto también mejora la claridad general de la página.
Por ejemplo, debajo de una foto de perfil puedes poner nombre, cargo y una frase breve de confianza. En productos, añade el nombre exacto y un beneficio clave. En servicios, acompaña la foto con una promesa concreta o una descripción muy breve.
También revisa la coherencia entre imagen y texto. Si prometes cercanía, evita fotos frías. Si vendes algo premium, no mezcles fotos caseras mal iluminadas con otras muy pulidas. Toda la web debe hablar con una sola voz visual.
Estos fallos se repiten muchísimo en webs de pequeños negocios. Corregirlos suele mejorar el aspecto del sitio en el mismo día.
Si no quieres pelearte con medidas, recortes y pruebas, en Selspy puedes delegar gran parte del proceso pidiéndolo en el chat. Aun así, la mejor web sale cuando combinas automatización con una última revisión humana orientada al negocio.
Cuando acabes, no cierres el tema para siempre. Las fotos de tu web deben revisarse cada cierto tiempo, sobre todo si cambias de servicios, incorporas nuevos productos, renuevas equipo o actualizas tu marca. Una revisión rápida cada 3 o 6 meses suele bastar.
Si aplicas estos pasos, tendrás una web más rápida, más clara y mucho más profesional. Y lo más importante, tus imágenes dejarán de ser simple decoración para convertirse en una herramienta real de confianza y venta.
Cuéntale a Selspy cómo es y qué ofreces.
Diseño, textos e imágenes listos en minutos.
Online en tu propio dominio el mismo día.
Para una web básica de servicios, normalmente entre 30 y 45 minutos si ya tienes las fotos. Si además debes seleccionarlas desde cero, reserva entre 1 y 2 horas.
No. Con unas reglas claras de selección, recorte y peso de archivo puedes dejar tus imágenes muy bien. Además, con Selspy puedes pedir muchos de estos ajustes en el chat.
Para generar confianza, casi siempre funcionan mejor las fotos propias, sobre todo en perfil, equipo, servicio y producto. Las imágenes de recurso pueden servir como apoyo, pero no deberían dominar toda la web.
Depende del uso, pero una buena referencia es entre 400 y 800 píxeles para perfil, 800 a 1200 para secciones y hasta 2000 para una cabecera. Intenta que cada archivo quede por debajo de 300 KB.
Lo ideal es revisarlas al menos una vez al año o cuando cambie claramente tu imagen, tu equipo o tu posicionamiento. Una foto reciente transmite más confianza que una de hace muchos años.
Sí. Si usas Selspy, puedes pedir que seleccione, recorte y optimice las imágenes por ti. Luego solo revisas que cada foto represente bien a tu negocio y se vea correcta en móvil.
Descubre más: Selspy · Precios · Empieza gratis
Describe tu negocio y consigue una web profesional con IA en minutos. Sin código, sin agencia.
Crea tu web gratis →