Establecer el tamaño de una imagen

Al agregar una imagen a una página, Microsoft Expression Web establece automáticamente las propiedades de ancho y de alto para la imagen en función de las dimensiones reales de la misma. Puede utilizar el cuadro de diálogo Opciones del editor de páginas para especificar si Expression Web usará atributos HTML u hojas de estilos en cascada (CSS) para establecer el tamaño de la imagen.

Para agregar o quitar rápidamente las propiedades de ancho, de alto o ambas de una imagen, haga doble clic en el manipulador de cambio de tamaño Cc295185.ff1b74d1-90c7-4146-90e5-c8784f5e6b7c(es-es,Expression.40).png de la imagen. Para cambiar el tamaño de una imagen, arrastre un manipulador de cambio de tamaño o especifique valores. Con ambos métodos, el cambio de tamaño de la imagen se produce al modificar las propiedades de ancho y de alto. Si, en lugar de ello, desea volver a muestrear una imagen cuyo tamaño se ha cambiado, puede utilizar Nuevo muestreoCc295185.183ffc09-94d8-4aa9-b60f-842af7f33b96(es-es,Expression.40).png de la barra de herramientas Imágenes o bien Acciones de imágenesCc295185.1d403f9f-5161-4a64-929f-7f04cb9232de(es-es,Expression.40).png, que aparece próximo a la imagen en la Vista de diseño.

Para establecer el código que usará Expression Web para establecer las dimensiones de imágenes

  1. En el menú Herramientas, haga clic en Opciones del editor de páginas.

  2. En el cuadro de diálogo Opciones del editor de páginas, en la ficha CSS, active o desactive Usar atributos de alto y ancho para las imágenes en lugar de CSS.

    tip noteSugerencia:

    Si configura Expression Web para que utilice CSS para definir el ancho y alto de las imágenes, puede establecer el tipo de estilo que utiliza Expression Web mediante la opción Tamaño, posicionamiento y flotación del cuadro de diálogo Opciones del editor de páginas. Para obtener más información, vea Establecer las preferencias para CSS generado.

Para agregar o quitar las propiedades de ancho y de alto

  1. En la Vista de diseño de la página web, haga clic en la imagen.

  2. Siga uno o varios de estos procedimientos:

    • Para agregar o quitar sólo la propiedad de ancho, haga doble clic en el manipulador de cambio de tamaño del lado derecho del elemento.

    • Para agregar o quitar sólo la propiedad de alto, haga doble clic en el manipulador de cambio de tamaño de la parte inferior del elemento.

    • Para agregar o quitar las propiedades de ancho y de alto, haga doble clic en el manipulador de cambio de tamaño de la esquina inferior derecha del elemento.

    Para obtener más información, vea Establecer márgenes, espaciado interno y dimensiones en la vista Diseño.

Para cambiar el tamaño de una imagen arrastrando

  1. En la Vista de diseño de la página web, haga clic en la imagen y, a continuación, en el lado derecho, la parte inferior o la esquina inferior derecha de la imagen, arrastre un manipulador Cc295185.ff1b74d1-90c7-4146-90e5-c8784f5e6b7c(es-es,Expression.40).png a una nueva posición.

  2. Si desea volver a muestrear la imagen en función de su nuevo tamaño, realice una de las siguientes acciones:

    • En la barra de herramientas Imágenes, haga clic en Nuevo muestreoCc295185.183ffc09-94d8-4aa9-b60f-842af7f33b96(es-es,Expression.40).png.

    • Junto a la esquina inferior derecha del gráfico, haga clic en Acciones de imágenesCc295185.1d403f9f-5161-4a64-929f-7f04cb9232de(es-es,Expression.40).png y en Volver a muestrear la imagen para ajustar el tamaño.

    [!NOTA]

    Para guardar la imagen editada, en el menú Archivo, haga clic en Guardar para guardar la página. En el cuadro de diálogo Guardar archivos incrustados, establezca las opciones que desee y haga clic en Aceptar. Para obtener más información, vea Guardar una imagen incrustada.

Para cambiar el tamaño de una imagen especificando valores en píxeles o en porcentajes

  1. En la página web, siga uno de estos procedimientos:

    • En la vista Diseño únicamente, haga doble clic en la imagen.

    • Haga clic en la imagen que desee configurar y, a continuación, en el menú Formato, haga clic en Propiedades.

    • Haga clic con el botón secundario en la imagen y, en la vista Diseño, haga clic en Propiedades de imagen. Si está en la vista Código, haga clic en Propiedades de etiqueta.

  2. En el cuadro de diálogo Propiedades de imagen, en la ficha Apariencia, haga lo siguiente:

    Utilice Acción

    Especificar tamaño

    Seleccione la casilla de verificación.

    Conservar relación de aspecto

    Seleccione esta opción para mantener las proporciones originales de la imagen.

    Width

    Especifique el tamaño y la unidad que desee.

  3. Si desea volver a muestrear la imagen en función de su nuevo tamaño, realice una de las siguientes acciones:

    • En la barra de herramientas Imágenes, haga clic en Nuevo muestreoCc295185.183ffc09-94d8-4aa9-b60f-842af7f33b96(es-es,Expression.40).png.

    • Junto a la esquina inferior derecha del gráfico, haga clic en Acciones de imágenesCc295185.1d403f9f-5161-4a64-929f-7f04cb9232de(es-es,Expression.40).png y, a continuación, en Volver a muestrear la imagen para ajustar el tamaño.

[!NOTA]

Para guardar la imagen editada, en el menú Archivo, haga clic en Guardar para guardar la página. En el cuadro de diálogo Guardar archivos incrustados, establezca las opciones que desee y haga clic en Aceptar. Para obtener más información, vea Guardar una imagen incrustada.

Vea también

Tareas

Recortar una imagen
Establecer márgenes, espaciado interno y dimensiones en la vista Diseño
Guardar una imagen incrustada

Conceptos

Propiedades de imagen

Copyright © 2011 de Microsoft Corporation. Reservados todos los derechos.