Los sitios web receptivos son cruciales para su negocio. Ser receptivo ofrece una forma fácil de mantener la coherencia con su marca y sitio web en todos los dispositivos principales. Y debe asegurarse de elegir correctamente los banners para sitios web receptivos. ¿Has intentado cargar un sitio web con tu teléfono solo para encontrar un desorden en la pantalla? Eso es lo que sucede si un sitio no responde o es compatible con dispositivos móviles.

Las imágenes son uno de los aspectos más frustrantes de los sitios web receptivos, específicamente las imágenes de banner / ancho completo. Estas son las cosas más propensas a romperse. O no aparece correctamente en la pantalla. ¿Por qué está pasando esto? Para comprender esto, explicaremos lo que significa que su sitio web sea receptivo. (Para obtener más información, consulte: Este es el aspecto de un gran asesor. )

La clave para ser receptivo

Los sitios web receptivos reducen horizontalmente las dimensiones de su sitio web. Esto significa que cuando el sitio web cambia de forma horizontal, todo su sitio web se reubica. Esto es lo que se llama un diseño fluido. Debido a que los sitios web receptivos cambian de tamaño y cambian los diseños dependiendo de su dispositivo, puede ser difícil ver todos los detalles de la imagen de un sitio web si la página no responde. Los banners son particularmente difíciles, ya que son muy grandes y casi siempre llenos de detalles.

A continuación, he proporcionado algunas mejores prácticas para usted cuando elige banners para imágenes receptivas con los sitios web de Advisor.

Cómo elegir banners para sitios web receptivos

Asegúrese de que el tamaño de la foto no sea demasiado pequeño. Recomendamos imágenes de banner para que los sitios web receptivos tengan un mínimo de 2000 px por 600 px para obtener la mejor calidad de imagen. Cualquier tamaño inferior a este tamaño (para ancho o alto) dará como resultado una imagen borrosa. Cuanto más grande sea la imagen, más espacio tenemos para jugar y recortar la sección correcta de su banner.

Intenta recoger imágenes sin foco. Elegir imágenes de banner que no tienen un enfoque principal, como un paisaje, es una de las mejores imágenes para tener en el banner de su sitio web. No importa el dispositivo, el espectador podrá distinguir los detalles de la imagen. Como no hay foco, podemos colocar la imagen sin preocuparnos por cómo se volverá a dimensionar el sitio en los dispositivos. Estos son algunos ejemplos:

Como puede ver, la imagen se contrae horizontalmente, pero como el paisaje es tan grande, los clientes aún pueden ver cuál es el fondo.

Elegir una imagen con un foco. Supongamos que desea enfocar una foto de una persona u objeto en su sitio web. Al usar fotos con un foco, es muy importante mantener el foco principal en el centro de la imagen. Dado que las imágenes receptivas de los banners les gusta contraerse horizontalmente, perdemos una gran cantidad de lados (espacio en blanco) de las imágenes. (Para la lectura relacionada, vea: Esto puede arruinar el sitio web de su empresa asesora. )

En los ejemplos, puedes ver la roca y el individuo en el centro de la imagen. Esto permite una imagen limpia y redimensionada.

Sobre todo, prueba tus imágenes. La mejor manera de probar sus imágenes es probarlas en su sitio web. Las pruebas de imágenes te ayudarán a entender qué tipo de fotos funcionan y cuáles no. Puede probarlo usted mismo o trabajar con nuestro increíble equipo de soporte. (Para la lectura relacionada, consulte: Cómo el contenido de su sitio web puede atraer clientes. )

: este artículo fue escrito por Shaheen Mahani y apareció por primera vez en sitios web de asesores.