¿Cómo hacer que la imagen no se estire?

[imgur imagen eliminada]¿Cómo hacer que la imagen no se estire?

El icono de la izquierda es el resultado de este código:

<Button Height="23" HorizontalAlignment="Left" Margin="12,276,0,0" Name="button1" VerticalAlignment="Top" Width="75"> 
     <StackPanel Orientation="Horizontal"> 
      <Image Source="Resources/add.png" Stretch="None" /> 
      <TextBlock Margin="5,0,0,0" Text="Add" /> 
     </StackPanel> 
    </Button>

El de la derecha es la imagen original colocado junto a él usando Photoshop. Parece que el que se agrega mediante el código se estira con un píxel y causa cierta distorsión. ¿Cómo lo evito?

Fuente

2011-04-30 mpen

¿Qué ocurre si establece explícitamente las propiedades Ancho y Alto en xaml? – Eugen

@Eugen: Intenté eso también. No cambia nada Si lo configuro un píxel menos, se convierte en el tamaño correcto, pero sigue estando borroso debido a la escala. – mpen

La imagen está rota ... – itsho

que esto esté arreglado para mí:

En su elemento raíz (es decir, la ventana principal) añadir esta propiedad: UseLayoutRounding="True".

credit

Fuente

2015-02-27 22:38:34 mpen

Stretch="None" debería hacer exactamente eso. Si hay una diferencia en la forma en que se muestra la imagen, esto puede deberse a que los píxeles terminan "en el borde".

Puede intentar configurar SnapsToDevicePixels="True" para evitar esto.

Fuente

2011-04-30 23:20:24

No ... eso tampoco lo hizo. – mpen

¿Qué hay de la configuración de la propiedad adjunta: 'RenderOptions.BitmapScalingMode =" HighQuality "' (o algún otro valor para el caso)? –

@HB: no debería estar escalando en absoluto, pero sin embargo, lo intentó, todavía se ve igual. – mpen

Realmente no puedo ver lo que sucede en su ejemplo, pero una causa muy común de este tipo de problema con WPF es el valor DPI en el archivo PNG que es distinto de 96 (a menudo 72 si proviene de algo con un legado de Mac).

Fuente

2011-04-30 23:25:49

Bueno, ¿cómo puedo verificar cuál es el valor de DPI, y cómo lo soluciono? Es un icono no editado del conjunto de iconos de seda de famfamfam. – mpen

@Mark, en Photoshop, use "Imagen/Cambiar tamaño ..." y primero desmarque "Volver a muestrear". Luego ingrese el nuevo valor de píxeles/pulgadas y presione 'Aceptar'. Las dimensiones en píxeles de su imagen no se modificarán, pero los nuevos metadatos se escribirán cuando vuelva a guardar el archivo PNG. De hecho, tener ppp no igual a 96 significa que WPF no usará el tamaño de píxel nativo cuando Image.Stretch = "None". Muchas gracias a Will por esta increíble solución. –

Si alguien necesita una herramienta para la corrección de DPI: puede usar [Paint.NET] (http://www.getpaint.net), que es gratis y fácil de usar para este propósito. – Beauty

Intente utilizar RenderOptions.BitmapScalingMode="NearestNeighbor".

Es posible que desee leer los siguientes:

Fuente

2011-04-30 23:43:50

NearestNeighbour: http://i.imgur.com/xV08C.png – mpen

'UseLayoutRounding' según lo sugerido por su primer enlace trabajado. El segundo proporciona una buena explicación. ¡Gracias! – mpen

En realidad, NearestNeighbor va a permitir que el motor para saltar sobre píxeles en la imagen de origen al escalar. Si hay una opción para Linear, eso puede funcionar mejor, ya que significa escalar la lectura píxel por píxel desde la imagen de origen.

Fuente

2012-03-20 20:35:03

Tiene toda la razón, y si lee los comentarios que dejé debajo de la respuesta aceptada, verá que eso también descubrí. Marqué que era correcto porque su sugerencia de 'UseLayoutRounding' lo corrige. – mpen

que sólo han logrado resolver esto estableciendo explícitamente la anchura o la altura. Así que si usted sabe la imagen es de 48 píxeles de altura hacen de esta manera:

<Image Source="myImage.png" Height="48" UseLayoutRounding="True"/>

Fuente

2015-06-04 12:29:15 GulPaprika

Adición de estiramiento = Ninguno kepts la imagen de rezising

<ImageBrush ImageSource="rtgEnhanced.png" AlignmentX="Left" AlignmentY="Bottom" Stretch="None"></ImageBrush>

Fuente

2016-10-22 14:26:23 Mike

imágenes PNG puede tener algo que se llama un trozo Phys almacenada en ellos. Este fragmento define el DPI en el que se pretende mostrar la imagen. Si el DPI de la imagen no coincide con el DPI del monitor, WPF lo estirará para que aparezca en el tamaño "deseado". Esto generalmente (al menos para mí) NO es para nada lo que pretendía y causa mucha frustración.

Para eliminar el estiramiento "previsto", una opción es eliminar el fragmento de pHYs del archivo PNG.

Puede usar una herramienta como TweakPNG para inspeccionar y eliminar pHYs.

O bien, simplemente puede guardar sus imágenes con el DPI correcto codificado en ellas, o ninguna en absoluto, suponiendo que su software de edición de imágenes lo admite.

Fuente

2017-09-28 03:48:05 AlexPi

¿Cómo hacer que la imagen no se estire?

Respuesta

Cuestiones relacionadas