Cómo editar imágenes con el Creador de sitios web
Al trabajar con imágenes en el creador de sitios web, puedes editar cada imagen individualmente. Nuestro editor cuenta con muchas funciones, por lo que puedes crear un banner con texto, recortar una imagen o añadir un filtro y mucho más.
Cómo acceder al editor de imágenes
Agrega el widget “Galería” o “Imagen” y sube una imagen.
Si seleccionaste el widget "Galería", pasa el cursor por encima de la imagen que quieras utilizar y haz clic en el ícono del editor de imágenes que aparece.
Si seleccionaste el widget "Imagen", junto al nombre de tu imagen verás el ícono de edición. Da clic para acceder al editor.
Herramientas disponibles
Con las herramientas del panel izquierdo del editor, puedes ajustar cualquier imagen a tus necesidades:
- cortar una imagen
- voltear y girar una imagen
- dibujar líneas rectas y personalizadas
- añadir contornos o formas rellenas y stickers
- añadir texto y darle formato
- aplicar una máscara de capa
- aplicar filtros (escala de grises, sepia,desenfoque y nitidez)
Recortar
Emplea esta herramienta para editar la relación de aspecto recortando una parte de la imagen.
Selecciona la herramienta "Recortar" y elige las proporciones necesarias (cuadrado, 3:2, 4:3, 5:4, 7:5 o 16:9).
Para realizar un recorte libre, selecciona el tipo de proporción "Personalizado" y marca el área que desees conservar de la imagen mientras mantienes pulsado el botón izquierdo del mouse.
Para guardar los cambios que aparecen en la imagen, haz clic en Aplicar. Para restablecer todos los ajustes de la herramienta, haz clic en Cancelar.
Voltear
Utiliza esta herramienta para reflejar una imagen.
Selecciona la herramienta "Voltear" y elige cómo voltear la imagen (vertical u horizontalmente). Para cancelar los cambios, haz clic en Restablecer.
Rotar
Usa esta herramienta para inclinar una imagen.
Selecciona la herramienta " Rotar ". Haz clic en las flechas izquierda y derecha para girar una imagen 30 grados. Para hacer un ángulo personalizado, arrastra el deslizador "Rango" hacia la izquierda o la derecha.
Dibujar
Con esta herramienta puedes dibujar líneas.
Selecciona la herramienta "Dibujar" y elige un tipo de línea (libre o recta).
Selecciona un color y ajusta el grosor con el regulador "Rango".
Mantén pulsado el botón izquierdo del mouse y dibuja sobre la imagen.
Forma
Usa esta herramienta para crear imágenes con formas.
Selecciona la herramienta "Forma" y elige una forma (rectángulo, círculo o triángulo). A continuación, elige el tipo de relleno (línea o relleno) y ajusta el grosor con el regulador "Relleno".
Mantén pulsado el botón izquierdo del mouse y dibuja sobre la imagen.
Ícono
Utiliza esta herramienta para añadir un ícono a tu imagen.
Selecciona la herramienta "Ícono", elige un ícono y selecciona un color de relleno.
Para añadir tu propio ícono, haz clic en Seleccionar archivo y carga una imagen desde tu dispositivo.
Haz clic en la imagen donde quieras añadir un ícono, selecciónalo y ajusta su tamaño.
Texto
Esta herramienta sirve para añadirle texto a la imagen.
Selecciona la herramienta "Texto" y elige un estilo de fuente (negrita, cursiva o subrayado).
A continuación, puedes alinear el texto, seleccionar su color y ajustar el grosor con el control "Tamaño del texto".
Haz clic en la parte de la imagen donde quieras añadir texto y empieza a escribir.
Filtro
Usa esta herramienta para aplicar esta herramienta para aplicar ajustes específicos a toda la imagen.
Selecciona la herramienta "Filtro" y elige un filtro mediante las casillas de verificación (escala de grises, sepia, desenfoque, realzar, sepia 2, enfocar).
A continuación, con la ayuda de casillas de verificación y controles deslizantes, puedes eliminar el blanco, ajustar el brillo y el ruido.
De igual manera, puedes ajustar la pixelación y la conversión de color y aplicar cualquier color a toda la imagen.
Cómo administrar los cambios de imagen
Puedes controlar los cambios de imagen mediante el panel superior.
Consulta la siguiente tabla para obtener más información sobre las funciones de las herramientas del panel superior.
| Zoom | Sirve para acercar o alejar la imagen.
Haz clic en el ícono de la lupa + y después en la imagen para acercarla. Para alejar la imagen, haz clic en el ícono de la lupa. |
| Mano | Se utiliza para navegar por las imágenes.
Si haces zoom en una imagen, la mano te permite desplazarte sobre ella. |
| Historial | Se utiliza para ver y restaurar las versiones anteriores de las imágenes.
Haz clic en él para ver la lista de acciones que has realizado. Selecciona una versión de la lista para verla. |
| Deshacer | Sirve para deshacer cambios.
Haz clic en él para deshacer la última acción. Siga dando clic para eliminar los cambios anteriores. Puedes deshacer hasta 30 acciones. |
| Rehacer | Se utiliza para rehacer una acción anulada.
Púlsalo para rehacer una acción previamente deshecha. Siga haciendo clic para revertir los cambios anteriores. |
| Reestablecer | Sirve para cancelar todas las acciones de imagen y borrar el historial. No podrás restaurar la versión anterior. |
| Eliminar | Permite eliminar un elemento. |
| Eliminar todo | Permite borrar todos los elementos de la imagen. |
Las imágenes del sitio web cambian de tamaño automáticamente para que coincidan con el tamaño de la pantalla del dispositivo del visitante (720, 1080 o 1920 px) y se convierten al formato webp. Si el tamaño requerido no está disponible, el visitante del sitio web verá la imagen original, que se almacena en el administrador de archivos.
Última actualización: 19.09.2023
o