Imágenes sin bordes

Logra un impacto visual agregando imágenes amplias que se extienden hasta el borde de la pantalla.

Última actualización: 22 de agosto de 2024

Las imágenes sin bordes se extienden de un extremo al otro de la ventana de tu navegador abarcando el ancho de todo tu sitio. Así se crea una sensación expansiva y el foco se coloca en las imágenes de tu sitio.

En la versión 7.1, puedes agregar imágenes sin bordes a cualquier página. En la versión 7.0, la posibilidad de que tu sitio muestre estas imágenes depende de tu plantilla.

7.1_full_bleed.jpg

Antes de comenzar

  • Para crear una imagen sin bordes en tu sitio, te recomendamos subir una imagen que tenga entre 1500 y 2500 píxeles de ancho.
  • Debido a que las imágenes sin bordes cambian de tamaño según el ancho del navegador, siempre habrá cierto recorte.
  • A pesar de que estos términos se usan indistintamente, las imágenes "sin bordes" se extienden hasta el borde de la pantalla del navegador, mientras que las imágenes "de ancho total" solo se extienden hasta el borde del área principal de contenido.

Imágenes de fondo

Las imágenes de fondo funcionan de manera distinta según qué versión de Squarespace utilice tu sitio.

Crea una imagen de fondo sin bordes en cualquier sección colocando el control de Ancho del fondo en Sin bordes en los estilos de sección.

Para hacer que la imagen de fondo ocupe toda la página, añade todo el contenido de dicha página en una sección. 

Algunas plantillas han sido diseñadas con imágenes grandes y plenas en mente, mientras que otras destacan el espacio en blanco y más espacio alrededor de los bloques.

Cualquier plantilla que acepte una imagen de fondo para todo el sitio puede mostrarla sin bordes. Para configurar una imagen de fondo sin bordes, elige el ajuste de estilo Tamaño: Portada.

Puedes agregar una Página de Portada a cualquier plantilla. Muchos diseños de Páginas de Portada usan imágenes de fondo sin bordes.

Banners

Las imágenes del banner funcionan de distinta manera según qué versión de Squarespace usa tu sitio.

Añade un banner a cualquier sección agregando una imagen de fondo o video y, a continuación, cambia la opción Ancho de fondo a Imágenes sin bordes en los estilos de sección.

Los banners aparecen en la parte superior de tu sitio, ya sea debajo o detrás del encabezado.

Los banners se muestran con el ancho completo del navegador en estas familias de plantillas.

  • Adirondack: los banners se ven en todo el ancho del sitio, pero no se extienden a todo el ancho del navegador.
  • Brine
  • Bedford
  • Five
  • Pacific
  • Supply: los banners verticales aparecen con la altura del navegador en las publicaciones del blog y en los eventos.
  • Tremont
  • York: marca Mostrar el banner de la página y Banner sin borde en Estilos del sitio.

Secciones de galería y Páginas de galería

Según qué versión de Squarespace use tu sitio, el sitio tendrá distintas opciones de galería.

Las imágenes de las secciones de galería pueden mostrarse sin bordes. En estilos de la sección de galería, modifica el control de Ancho a Sin bordes.

Los diseños de Galería aparecen sin bordes en estas familias de plantillas:

Plantilla Estilo de la galería
Ishimoto Carrusel
Momentum Diapositivas

Tremont

Cuadrícula
Wexley

Cuadrícula. Ajusta el Relleno del elemento del índice y el Relleno externo.

Páginas de Proyecto

La familia York admite un tipo especial de página denominada Página del Proyecto, que combina textos e imágenes para lograr un efecto visualmente atractivo.

En Estilos del sitio, marca Proyecto sin bordes y Permitir ancho completo vertical y cuadrado para mostrar todas las imágenes con el ancho del navegador.

Bloques de imágenes

Los Bloques de imágenes aparecen con el ancho estándar dentro del relleno del área de contenido principal y tienen el mismo ancho que todos los demás bloques. No tienen opciones incorporadas de ancho completo.

Para obtener más información, visita bloques de Imagen.

Imágenes en páginas de portafolio y de índices

Las páginas de portafolio y de índice funcionan de manera similar:

  • En la versión 7.1, una Página de portafolio es una cuadrícula de imágenes que vincula a otras páginas de tu sitio. Todos los sitios de la versión 7.1 admiten Páginas de portafolio.
  • En la versión 7.0, una Página de índice es un diseño único de imágenes que vinculan a otras páginas de tu sitio. Solo algunas de las plantillas de la versión 7.0 admiten Páginas de índice, y cada Índice tiene su propio estilo.

Las páginas de portafolio pueden mostrarse sin bordes en el diseño Fondo del índice de portafolio.

Los Índices muestran imágenes sin bordes o collages de imágenes en estas familias de plantillas:

Plantilla

Opciones

Avenue

Cuadrícula de imágenes en miniatura. Marca Índice de ancho completo, y ajusta el Relleno de la miniatura en 0 % y el Relleno del lienzo en 0 px (ingresa 0 px manualmente).

Brine

Banners apilados y secciones de galería.

Bedford

Banners apilados

Flatiron

Cuadrícula o mosaico de miniaturas

Forte

Diapositivas

Momentum

Diapositivas

Pacific

Banners apilados

Tremont

Diapositivas

York

Banners apilados. Elige Relleno externo del sitio: Personalizado y configura el Relleno personalizado del sitio en 0px

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.