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.51e07df4-5b7e-4c9f-8607-0a17205adafd(es-es,Expression.10).gif 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 el botón Volver a muestrear Cc295185.495e2c3a-319d-438b-afab-cc000cd31c9d(es-es,Expression.10).bmp de la barra de herramientas Imágenes o el botón Acciones de imágenes Cc295185.f31f1fb1-d33f-4d0e-aaa5-cb90a676c07b(es-es,Expression.10).gif, que aparece próximo a la imagen en la vista 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.

    Cc295185.alert_tip(es-es,Expression.10).gifSugerencia:

    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 Expression Web utiliza. Para ello, configure la opción Tamaño, colocación y flotación del cuadro de diálogo Opciones del editor de páginas. Para obtener más información, consulte Establecer las preferencias para CSS generado.

Para agregar o quitar las propiedades de ancho y de alto

  1. En la vista 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, consulte Establecer márgenes, relleno y dimensiones en la vista Diseño.

Para cambiar el tamaño de una imagen arrastrando

  1. En la vista 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.51e07df4-5b7e-4c9f-8607-0a17205adafd(es-es,Expression.10).gif 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 el botón Volver a muestrear Cc295185.495e2c3a-319d-438b-afab-cc000cd31c9d(es-es,Expression.10).bmp.

    • Junto a la esquina inferior derecha del gráfico, haga clic en el botón Acciones de imágenes Cc295185.f31f1fb1-d33f-4d0e-aaa5-cb90a676c07b(es-es,Expression.10).gif y en Volver a muestrear la imagen para ajustar el tamaño.

    Cc295185.alert_note(es-es,Expression.10).gifNota:

    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, consulte 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.

    Ancho

    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 el botón Volver a muestrear Cc295185.495e2c3a-319d-438b-afab-cc000cd31c9d(es-es,Expression.10).bmp.

    • Junto a la esquina inferior derecha del gráfico, haga clic en el botón Acciones de imágenes Cc295185.f31f1fb1-d33f-4d0e-aaa5-cb90a676c07b(es-es,Expression.10).gif y en Volver a muestrear la imagen para ajustar el tamaño.

Cc295185.alert_note(es-es,Expression.10).gifNota:

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, consulte Guardar una imagen incrustada.

Adiciones de comunidad

AGREGAR
Mostrar: