Imagen de fondo para el sitio web
Parece que estás usando Internet Explorer 11 o anterior. Este sitio web funciona mejor con navegadores modernos como las últimas versiones de Chrome, Firefox, Safari y Edge. Si continúa con este navegador, puede ver resultados inesperados.
La Colección Cary también gestiona el Archivo de Diseño Gráfico, compuesto por unos 36 archivos que documentan el trabajo de importantes diseñadores gráficos modernistas del siglo XX, y ha estado adquiriendo agresivamente ejemplos de tipografía de libros de vanguardia.
Reproducciones digitales de obras de dominio público procedentes de las colecciones de la Biblioteca Nacional de Francia y de sus 270 socios. Busque o navegue por tipo de documento, tema, biblioteca o colección. La búsqueda puede hacerse en inglés, pero la mayor parte del contenido está en francés.
Puede acceder a las imágenes sin restricciones a través del sitio web del Met. Al buscar en su colección, basta con marcar la opción “Obras de arte de dominio público” en “Sólo mostrar”. También puedes examinar las obras seleccionadas seleccionando el filtro “Metropolitan Museum of Art” en el sitio de Creative Commons.
Imágenes de la página de inicio del sitio web
Las imágenes de fondo pueden ayudar a atraer, comprometer e informar a los visitantes de su sitio web. Dependiendo de su diseño y posición, las imágenes de fondo pueden establecer un estado de ánimo, proporcionar contexto sobre una marca y atraer la atención de los visitantes a elementos importantes de una página web.
En este artículo, repasaremos los dos tipos diferentes de imágenes de fondo para sitios web que puede utilizar y, a continuación, recorreremos ejemplos reales de sitios web con estos tipos de fondos. A continuación, trataremos algunas de las mejores prácticas para utilizar imágenes de fondo en el diseño de tu propia página web. Empecemos.
Hay dos tipos de fondos para sitios web: un fondo de cuerpo o de contenido. Un fondo de cuerpo cubre la mayor parte o la totalidad de la pantalla. Puede ser una imagen, una ilustración gráfica, un solo color, un gradiente de color o una textura. Un fondo de contenido rodea el texto, las imágenes u otro contenido, y puede colocarse sobre el fondo del cuerpo.
Por ejemplo, la página de inicio de nuestro blog. El fondo del cuerpo es blanco, mientras que el fondo del contenido es azul claro. El fondo de contenido ayuda a agrupar la imagen destacada, el título, la categoría y el tiempo de lectura de las entradas individuales del blog. Esto puede ayudar a los visitantes a navegar por el blog más fácilmente y a tomar decisiones más informadas sobre lo que deben hacer clic.
Fotos gratuitas de diseño web
Antes de subir imágenes a tu sitio, asegúrate de que las imágenes cumplen nuestros requisitos de imagen. No puedes cambiar el archivo de la imagen después de subirla, sólo puedes alterar su apariencia usando nuestro editor de imágenes incorporado.
Nuestros requisitos son los mínimos que recomendamos para garantizar que tus imágenes se muestren bien en tu sitio. Mantenga el tamaño de su página por debajo de 5 MB para asegurar que su sitio se cargue rápidamente. Si notas que tu sitio se carga lentamente, visita Reducir el tamaño de tu página para que se cargue más rápido.
Nuestro sistema redimensiona automáticamente sus imágenes para que sean más grandes o más pequeñas y se adapten a los diferentes anchos de los dispositivos, por lo que no es necesario que formatee sus imágenes con dimensiones exactas, como 750px × 500px. Por ejemplo, no hay un requisito específico de altura y anchura de la imagen para los bloques de imágenes y un requisito diferente para las imágenes en las secciones de la galería. Sigue nuestros consejos sobre la anchura de las imágenes para asegurarte de que no salgan borrosas.
Puedes utilizar los estilos del sitio, los paneles de diseño y la configuración de los bloques o de las secciones de las páginas para realizar cambios de estilo y personalizar la apariencia de tus imágenes. La forma de añadir y estilizar las imágenes depende de la versión de tu sitio. Consulta la siguiente tabla para saber cómo añadir y estilizar imágenes en tu sitio:
Imagen para el fondo de la página web
Dado que el cerebro humano procesa las imágenes 60.000 veces más rápido que el texto, las buenas fotos son vitales para captar la atención y transmitir el mensaje. ¿Pero qué hacer si no tiene suficiente material visual? Consíguelo gratis en uno de estos sitios web de fotos de archivo gratuitas.
iStockphoto.com (de Getty Images) y Shutterstock.com son los sitios de fotos de pago más conocidos. Aquí puedes encontrar imágenes de prácticamente cualquier cosa, pero a un precio elevado. Además, muchas de las fotos de stock son demasiado, bueno, “fornidas”. Piensa en imágenes exageradas típicamente americanas de gente absurdamente feliz con dientes anormalmente blancos.
Freepik es un potente motor de búsqueda que ayuda a los usuarios a encontrar fotos de stock gratuitas de alta calidad y otros recursos gráficos como imágenes vectoriales, ilustraciones y archivos PSD. Hay millones de recursos gráficos disponibles para descargar y pueden utilizarse en cualquier proyecto de diseño personal o profesional. Además, el motor de búsqueda de Freepik cuenta con potentes filtros que ayudan a encontrar cualquier tipo de recurso, orientación, color, estilo, etc. Los usuarios de Freepik pueden descargar formatos de recursos gráficos compatibles con Adobe Illustrator o Photoshop.
