Editar imágenes en tu sitio

Modifica imágenes usando herramientas de edición integradas o externas.

Última actualización: 23 de febrero de 2024

Squarespace incluye un Editor de imágenes integrado para realizar cambios en las imágenes de tu sitio. Las herramientas de edición incluyen recorte, relación de aspecto, brillo, saturación y contraste.

Cualquier cambio que realices con el editor cambiará definitivamente las imágenes subidas. Te recomendamos hacer una copia de seguridad de los archivos originales de las imágenes.

Mira el video

Antes de comenzar

  • El editor convierte archivos .gif editados a archivos .jpg estáticos.
  • Las ediciones de imágenes serán definitivas en tu sitio y no podrán revertirse. Antes de hacer clic en Guardar, te recomendamos hacer una copia de seguridad del archivo original en tu computadora.
  • Cuando editas una imagen, esta se guarda como copia para su reutilización en el panel Biblioteca de recursos de tu sitio.
  • El editor no admite transparencia en archivos .png.
  • Las imágenes de Getty Images que aparecen en la vista previa no podrán editarse si no compras la licencia.
  • El editor no está disponible para las imágenes cargadas en Estilos del sitio en la versión 7.0.

Dónde usar el Editor de imágenes

Este editor está disponible para la mayoría de las imágenes en tu sitio, incluidas las siguientes:

Abrir el Editor de imágenes

Los pasos para abrir el Editor de imágenes dependen de la ubicación de la imagen en tu sitio.

Editar imágenes

En el Editor de imágenes, verás los iconos en la esquina superior derecha de cada menú de edición. Haz clic en el icono Ajustar, Recortar o Filtrar para ver cada uno de los conjuntos de herramientas de edición.

Después de editar, puedes cancelar o guardar los cambios:

  • Para cancelar tu último cambio, haz clic en el icono de Deshacer (flecha izquierda). Presiona el icono de Rehacer (flecha derecha) para volver a aplicarlo.
  • Para cancelar todos los cambios desde ese panel, presiona Reconfigurar.
  • Para abandonar todos los cambios, haz clic en Cancelar para cancelar todo lo editado y cerrar el Editor de imágenes.
  • Para guardar todos los cambios, presiona Guardar en la esquina superior izquierda. Una vez guardadas, las ediciones de imágenes serán definitivas en tu sitio y no podrán revertirse.

Obtén más información sobre cada herramienta de edición en las secciones a continuación.

herramientas del editor de imágenes

herramientas del editor de imágenes

Ajustar

Haz clic en el icono de Ajustar y, a continuación, usa los controles deslizantes para ajustar cada opción.

Adjust_the_sliders_to_edit_brightness__contrast__and_other_image_settings.gif

Adjust_the_sliders_to_edit_brightness__contrast__and_other_image_settings.gif

Recortar, girar, rotar

Haz clic en el ícono Recortar, luego usa las herramientas de la barra lateral para editar tu imagen.

  • Recortar: Haz clic en un ícono de relación de aspecto para recortar utilizando las dimensiones estándar o haz clic en Personalizado para recortar la imagen manualmente. Haz clic en Original para eliminar todos los recortes.
  • Voltear: Haz clic en Voltear X para voltear la imagen horizontalmente o Voltear Y para voltearla verticalmente.
  • Girar: Haz clic en -90° o 90° para girar la imagen 90° hacia la izquierda o hacia la derecha.
  • Enderezar: Utiliza el control deslizante debajo de la imagen para enderezarla.
Crop_the_image_to_certain_dimensions_automatically_or_do_it_manually.gif

Filtrar

Haz clic en el icono Filtrar y, a continuación, usa las imágenes en miniatura de la barra lateral para añadir filtros de color a tu imagen.

Nota

Tal vez debas desplazarte para ver todas las opciones de filtros, según el tamaño de tu navegador.

Select_from_a_variety_of_filters.gif

Editar imágenes fuera de Squarespace

Si el Editor de imágenes de Squarespace no tiene las opciones de edición que necesitas, puedes usar cualquier otro software de edición de imágenes de terceros antes de agregar imágenes a tu sitio.

Antes de editar las imágenes en una herramienta externa, lee nuestros consejos y especificaciones de formato.

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.