Editor de Wix: cambiar la escala, la posición y la opacidad de la imagen de fondo

4 min de lectura
Agregar una imagen de fondo puede ayudar a que tu página se destaque. Hay algunas pequeñas cosas que puedes hacer para personalizarla. Por ejemplo, puedes cambiar la escala y la posición de la imagen, agregar un efecto de desplazamiento o ajustar el nivel de opacidad en la imagen en sí.
この記事で、以下の情報を入手できる:

Cambiar la opacidad de la imagen de fondo de la página

La opacidad es lo opuesto a la transparencia. Cuando oscureces algo, estás aumentando el nivel de opacidad. Puedes ajustar la opacidad de la imagen de fondo aumentándola o disminuyéndola. 

Para cambiar la opacidad de la imagen de fondo:

  1. Ve a la página correspondiente en el editor. 
  2. Haz clic en Diseño del sitio  a la izquierda del editor.
  3. Haz clic en Fondo de la página.
  4. Elige lo que deseas hacer:
    • Fondos seleccionados: selecciona una imagen de las opciones disponibles
    • Subir tu propia imagen: sigue los pasos para subir una nueva imagen.
      • Haz clic en Imagen.
      • Haz clic en Subir multimedia.
      • Sube tu imagen usando el método que prefieras.
      • Haz clic en Cambiar fondo.
  5. Haz clic en Ajustes en la vista previa del fondo de la imagen.
    Nota: Los ajustes solo aparecen si se selecciona o se carga una imagen.
Captura de pantalla de los ajustes del fondo de la página al pasar el cursor sobre los ajustes; se muestran las opciones de fondo de imagen en color y video
  1. Arrastra el control deslizante Opacidad de la imagen (%) para hacer que la imagen sea más o menos visible.
  2. (Opcional) Haz clic en el cuadro Color detrás de la imagen y selecciona un color.

Agregar efectos de desplazamiento a la imagen de fondo

Agrega un poco de estilo a la imagen dándole un efecto de desplazamiento. Puedes optar por agregar un efecto de desplazamiento de paralaje o un efecto inmovilizado. ¿En qué consisten?
El desplazamiento Parallax permite que se mueva el primer plano y el fondo, pero el fondo se mueve más lentamente, lo que ofrece la ilusión de profundidad. Agregar un desplazamiento con la función Inmovilizar significa que el fondo de la página no se mueve mientras los visitantes se desplazan hacia arriba y hacia abajo, pero el contenido de la parte superior sí se mueve. 

Para agregar efectos de desplazamiento:

  1. Ve a la página correspondiente en el editor. 
  2. Haz clic en Diseño del sitio  a la izquierda del editor.
  3. Haz clic en Fondo de la página.
  4. Haz clic en Ajustes .
  5. Elige el efecto de desplazamiento: 
    • Ninguno: sin efecto de desplazamiento.
    • Parallax: el fondo de la página y el contenido en la parte superior se mueven a diferentes velocidades, lo que crea una experiencia interesante y divertida para los visitantes.
      Nota: El desplazamiento de Parallax no se muestra en la versión móvil de tu sitio.
    • Inmovilizar: esto significa que el fondo de la página no se mueve cuando los visitantes se desplazan hacia arriba y hacia abajo, pero el contenido de la parte superior sí lo hace.
Captura de pantalla de los ajustes de la imagen de fondo, en la que se resaltan los efectos de desplazamiento, y se resaltan los efectos de parallax e inmovilización.

Cambiar la escala y la posición de la imagen de fondo

Cambia la escala y la posición del fondo para que este se adapte a los diferentes tamaños de pantalla. Puedes elegir llenar toda la pantalla con el fondo de la imagen, o mantener un cierto ancho y altura para que se ajuste a una parte de la pantalla. 

Para cambiar la escala y la posición de la imagen:

  1. Agrega un fondo de imagen.
  2. Haz clic en la imagen de fondo y luego en Cambiar fondo
  3. Haz clic en Ajustes.
Captura de pantalla que muestra la opción para cambiar el fondo de la imagen.
  1. En Escala de la imagen selecciona una opción:
    • Rellenar: la imagen de fondo se redimensiona para ajustarse al tamaño de la pantalla solo en las pantallas de escritorio. Para pantallas móviles, mantiene las proporciones.
    • Mosaico: la imagen de fondo se muestra en forma de mosaico en la pantalla.
  2. En Ubicación selecciona una posición en la cuadrícula.

役に立ちましたか?

|