Imágenes

Un elemento de imagen muestra un archivo de imagen en el tablero:

• Orígenes: un archivo que importas, sueltas o pegas, una imagen copiada al portapapeles, un enlace a una imagen en internet que pegas, o la biblioteca de iconos. También puede empezar como un lienzo vacío que pintas tú.
• El archivo: recórtala, deforma sus esquinas, dale un trazo, fíltrala o enmascárala, y el archivo se mantiene entero para descargarlo o reemplazarlo.
• Píxeles: píntalos con Abrir editor de imagen, y comprime o amplía el archivo con Editar archivo.

Añadir una imagen

Trae un archivo de imagen al tablero, de cualquiera de estas formas:

• Operación, una de estas:
  • Elige Importar archivo en el menú de la aplicación y escoge el archivo.
  • Suelta un archivo de imagen en el tablero.
  • Pega una imagen, o un archivo de imagen, desde el portapapeles.
  • Pega un enlace a una imagen en internet, uno que termine en una extensión de imagen como .png.
  • Coloca un icono desde la biblioteca de iconos.
• Necesita: un archivo JPEG, PNG, GIF, WebP o SVG de hasta 10 MB.
• Resultado: la imagen a su propio tamaño, centrada donde la has soltado, con un marcador en su lugar mientras el archivo se carga.
  • El archivo se optimiza al importar: Optimizar raster y Optimizar SVG están activados por defecto en los ajustes de la aplicación, y las imágenes mayores que la Dimensión máxima de imagen, 5000 píxeles por defecto, se reducen a ella.
• Consejo: los archivos SVG siguen siendo vectoriales, así que se ven nítidos a cualquier zoom, y un GIF animado se reproduce como imagen hasta que lo conviertes en vídeo. La orientación guardada en una foto no se aplica; si llega de lado, rota el elemento.

Crear un lienzo vacío

Crea una imagen en blanco para pintarla en el editor de imágenes, sin ningún archivo que importar.

Crear un lienzo con el tamaño por defecto

• Operación:
  1. Elige Lienzo vacío en el multibotón de objetos del tablero del panel de herramientas.
  2. Haz clic donde deba ir el lienzo.
• Resultado: una imagen en blanco con el tamaño por defecto, centrada en el punto en que has hecho clic, con el relleno, el trazo y el radio de esquinas fijados en el panel de atributos mientras la herramienta estaba activa. Sus proporciones no están bloqueadas, así que puede redimensionarse libremente.
• Consejo: ábrela con Abrir editor de imagen para pintar en ella.

Crear un lienzo con un tamaño personalizado

• Operación:
  1. Elige Lienzo vacío en el multibotón de objetos del tablero del panel de herramientas.
  2. Arrastra en el tablero para dibujar el lienzo. El panel de atributos muestra su tamaño mientras arrastras.
• Resultado: una imagen en blanco que ocupa la caja que has arrastrado, con los mismos valores por defecto.

Recortar

Muestra solo una parte de la imagen, sin perder el resto.

• Operación: haz doble clic en la imagen y arrastra las asas de recorte, o la imagen dentro de ellas. Haz clic en el tablero vacío para terminar.
• Resultado: solo se muestra la parte dentro del marco. El resto se conserva, así que el recorte puede cambiarse después, y la sección Información de recorte da los valores exactos.
• Consejo: haz doble clic en un borde durante el recorte para restablecerlo.

Deformar

Coloca la imagen en perspectiva moviendo sus cuatro esquinas por separado.

• Operación: haz doble clic en la imagen, como para recortar, y arrastra un punto de control de esquina. Haz clic en el tablero vacío para terminar.
• Resultado: la imagen se distorsiona para que esa esquina siga al punto, mientras las otras tres se quedan. La sección Información de deformación da las esquinas como números.
• Consejo: haz doble clic en un punto de control de esquina para restablecer esa esquina.

Dimensionar

Las imágenes conservan sus proporciones al redimensionar, ya que Prop. bloqueada en Información de la selección empieza activada. Desactívala para estirar.

Compartir una imagen entre elementos

Muestra el mismo archivo de imagen en varios elementos, sin copiarlo.

• Operación: selecciona las imágenes que deben cambiar, pulsa el cuentagotas de Archivo de origen en la sección Relleno y haz clic en el elemento cuya imagen quieres.
• Necesita: un origen que sea una imagen o un elemento vectorial con relleno de imagen.
• Resultado: las imágenes seleccionadas muestran esa imagen y comparten su archivo. Cada una conserva su propio recorte, deformación, trazo y filtros, mantiene su ancho y adopta las proporciones de la imagen.
• Consejo: pintar en el editor de imágenes o usar Editar archivo en una de ellas le da a ese elemento su propia copia, así que las demás no cambian.

Atributos

Una imagen seleccionada muestra estas secciones del panel de atributos.

Información de la selección

Los atributos que afectan al elemento en su conjunto.

• X: la posición horizontal del pivote del elemento. Dentro de un marco, se mide desde el marco.
• Y: la posición vertical del pivote, también medida desde el marco dentro de uno. Hacia dónde crece depende de la dirección del eje Y de los ajustes de interfaz.
• W: el ancho del elemento.
• H: el alto del elemento.
• Rotación: el ángulo alrededor del pivote.
• Opacidad: la transparencia del elemento entero, trazo y relleno incluidos.
• Radio de esquinas: redondea las esquinas del elemento.
• Prop. bloqueada: mantiene la proporción entre ancho y alto al cambiar el tamaño.
• Proporcional: escala el grosor del trazo, los guiones, el rayado y los mosaicos junto con el elemento, de modo que conserva su aspecto al cambiar de tamaño.

Trazo

Un trazo dibujado alrededor del marco.

• Estilo de trazo: el tipo de línea. El estilo decide qué controles de los siguientes aparecen.
  • Sin trazo: ninguna línea. Las flechas no lo ofrecen.
  • Trazo sólido: una línea continua.
  • Trazo discontinuo: una línea hecha de guiones.
• Color de trazo: el color de la línea.
• Opacidad de trazo: la transparencia de la línea por sí sola.
• Grosor de trazo: el grosor de la línea.
• Separación del trazo: el espacio entre guiones.
• Longitud del guion de trazo: la longitud de cada guion.

Relleno

La imagen es el relleno del elemento. Esta sección contiene los controles de su archivo y los estilos de relleno de un elemento vectorial, que pueden sustituir a la imagen o verse tras una imagen transparente. Consulta Relleno en Estilos vectoriales para esos estilos.

• Reemplazar: cambia la imagen por otro archivo de imagen de tu dispositivo. El elemento mantiene su ancho y adopta las proporciones del nuevo archivo.
• Pegar del portapapeles: cambia la imagen por una imagen copiada al portapapeles.
• Cuentagotas de Archivo de origen: copia el archivo de otro elemento para que ambos lo compartan. Consulta Compartir una imagen entre elementos.
• Info, una lista de solo lectura con los datos del archivo:
  • Tamaño: el tamaño del archivo.
  • Tamaño de las capas de imagen: en una imagen pintada en el editor de imágenes, el tamaño de sus capas.
  • Tipo de archivo: el formato del archivo.
  • Archivo de origen: el nombre del archivo tal como se añadió.
  • Resolución: el tamaño en píxeles.
  • URL: en una imagen importada desde una dirección web, esa dirección.
  • Icono, Colección, Autor y Licencia: en un icono colocado desde la biblioteca de iconos, de dónde procede, con Copiar atribución para copiar la línea de crédito.

Información de recorte

La ventana visible de la imagen durante el recorte.

• X: la distancia desde el borde izquierdo del contenido completo hasta la ventana.
• Y: la distancia desde el borde superior del contenido completo hasta la ventana.
• W: el ancho de la ventana.
• H: el alto de la ventana.

Información de deformación

La posición de las cuatro esquinas cuando la imagen está deformada.

• Top left: la posición horizontal y vertical de la esquina superior izquierda.
• Top right: la posición horizontal y vertical de la esquina superior derecha.
• Bottom left: la posición horizontal y vertical de la esquina inferior izquierda.
• Bottom right: la posición horizontal y vertical de la esquina inferior derecha.

Filtro

Una cadena de primitivas de filtro SVG aplicada a cómo se dibuja el elemento. Consulta Filtros.

Máscara

Una imagen puede enmascararse. Consulta Máscaras.

Acciones

Además de las acciones que tiene cualquier elemento, descritas en Lo que comparten todos los elementos, una imagen ofrece estas en el panel de acciones.

Abrir editor de imagen

Abre la imagen para pintar y retocar.

• Operación: haz clic en Abrir editor de imagen.
• Necesita: una imagen JPEG, PNG, GIF o WebP. Para pintar sobre un SVG, conviértelo antes en imagen con Editar archivo.
• Resultado: la imagen se abre para pintar, borrar, seleccionar y trabajar por capas. Consulta Editor de imágenes.

Editar archivo

Cambia el archivo de imagen: su formato, calidad y tamaño, o lo amplía con IA.

• Operación: haz clic en Editar archivo.
• Resultado: se abre el panel Editar archivo. Ahí puedes recodificar el archivo como JPEG, PNG o WebP con la calidad que elijas, cambiar su tamaño en píxeles o ampliarlo con IA, y el resultado sustituye al archivo. Un archivo SVG se optimiza como SVG o se convierte en una imagen. Consulta Optimización de archivos multimedia.

Descargar activo de origen

Guarda el archivo actual de la imagen en tu dispositivo.

• Operación: haz clic en Descargar activo de origen.
• Necesita: una imagen cuyo archivo haya terminado de cargarse.
• Resultado: se descarga el archivo que usa el elemento. Con varios elementos seleccionados, cada archivo se descarga una vez, en el orden de selección, sean del tipo que sean; los elementos sin archivo se omiten.

Convertir imagen SVG en elementos

Convierte una imagen SVG de nuevo en elementos vectoriales editables.

• Operación: haz clic en Convertir imagen SVG en elementos.
• Necesita: una imagen cuyo archivo sea un SVG. Un SVG convertido en imagen con Editar archivo ya no cumple el requisito.
• Resultado: los trazados, elementos geométricos, polilíneas, textos e imágenes incrustadas del archivo, agrupados si hay varios, en el lugar y con la rotación de la imagen. Los degradados pasan a ser rellenos degradados, y los recortes y máscaras pasan a ser máscaras.
• Consejo: los archivos grandes se convierten por lotes, así que el tablero sigue respondiendo mientras aparecen los elementos. Si el archivo usa características que no pueden convertirse, esas partes se omiten y el resto se convierte.

Convertir GIF en video

Muestra un GIF animado como vídeo, con controles de reproducción, sin modificar el archivo.

• Operación: haz clic en Convertir GIF en video.
• Necesita: una sola imagen GIF animada.
• Resultado: el mismo archivo mostrado como vídeo con controles de reproducción. Se conservan el tamaño, el recorte y el estilo, y el vídeo puede volver a convertirse en imagen.

Convertir en tarjeta de archivo

Conserva la imagen como una tarjeta descargable en lugar de mostrarla.

• Operación: haz clic en Convertir en tarjeta de archivo.
• Resultado: una tarjeta de archivo con el mismo archivo. Consulta Convertir elementos en tarjetas de archivo.

Animar imágenes

Las imágenes reciben las animaciones de posición, rotación, escala, redimensión y opacidad. Consulta Transformar elementos y Mostrar y ocultar elementos.