¿Cuál es la "mejor" forma de crear una miniatura usando ASP.NET?

image thumbnails

Question

Historia: el usuario carga una imagen que se agregará a una galería de fotos. Como parte del proceso de carga, necesitamos A) almacenar la imagen en el disco duro del servidor web y B) almacenar una miniatura de la imagen en el disco duro del servidor web.

"Lo mejor" aquí se define como

• Relativamente fácil de implementar, comprender y mantener
• Resultados en una miniatura de calidad razonable

El rendimiento y las miniaturas de alta calidad son secundarias.

Answer 1

Aquí hay un método de extensión en VB.NET para la clase de imagen

Imports System.Runtime.CompilerServices
Namespace Extensions
'''''' <summary>
'''''' Extensions for the Image class.
'''''' </summary>
'''''' <remarks>Several usefull extensions for the image class.</remarks>
Public Module ImageExtensions
'''''' <summary>
'''''' Extends the image class so that it is easier to get a thumbnail from an image
'''''' </summary>
'''''' <param name="Input">Th image that is inputted, not really a parameter</param>
'''''' <param name="MaximumSize">The maximumsize the thumbnail must be if keepaspectratio is set to true then the highest number of width or height is used and the other is calculated accordingly. </param>
'''''' <param name="KeepAspectRatio">If set false width and height will be the same else the highest number of width or height is used and the other is calculated accordingly.</param>
'''''' <returns>A thumbnail as image.</returns>
'''''' <remarks>
'''''' <example>Can be used as such.
'''''' <code>
'''''' Dim _NewImage as Image
'''''' Dim _Graphics As Graphics
'''''' _Image = New Bitmap(100, 100)
'''''' _Graphics = Graphics.FromImage(_Image)
'''''' _Graphics.FillRectangle(Brushes.Blue, New Rectangle(0, 0, 100, 100))
'''''' _Graphics.DrawLine(Pens.Black, 10, 0, 10, 100)
'''''' Assert.IsNotNull(_Image)
'''''' _NewImage = _Image.ToThumbnail(10)
'''''' </code>
'''''' </example>
'''''' </remarks>
<Extension()> _
Public Function ToThumbnail(ByVal Input As Image, ByVal MaximumSize As Integer, Optional ByVal KeepAspectRatio As Boolean = True) As Image
Dim ReturnImage As Image
Dim _Callback As Image.GetThumbnailImageAbort = Nothing
Dim _OriginalHeight As Double
Dim _OriginalWidth As Double
Dim _NewHeight As Double
Dim _NewWidth As Double
Dim _NormalImage As Image
Dim _Graphics As Graphics
_NormalImage = New Bitmap(Input.Width, Input.Height)
_Graphics = Graphics.FromImage(_NormalImage)
_Graphics.DrawImage(Input, 0, 0, Input.Width, Input.Height)
_OriginalHeight = _NormalImage.Height
_OriginalWidth = _NormalImage.Width
If KeepAspectRatio = True Then
If _OriginalHeight > _OriginalWidth Then
If _OriginalHeight > MaximumSize Then
_NewHeight = MaximumSize
_NewWidth = _OriginalWidth / _OriginalHeight * MaximumSize
Else
_NewHeight = _OriginalHeight
_NewWidth = _OriginalWidth
End If
Else
If _OriginalWidth > MaximumSize Then
_NewWidth = MaximumSize
_NewHeight = _OriginalHeight / _OriginalWidth * MaximumSize
Else
_NewHeight = _OriginalHeight
_NewWidth = _OriginalWidth
End If
End If
Else
_NewHeight = MaximumSize
_NewWidth = MaximumSize
End If
ReturnImage = _
_NormalImage.GetThumbnailImage(Convert.ToInt32(_NewWidth), Convert.ToInt32(_NewHeight), _Callback, _
IntPtr.Zero)
_NormalImage.Dispose()
_NormalImage = Nothing
_Graphics.Dispose()
_Graphics = Nothing
_Callback = Nothing
Return ReturnImage
End Function
End Module
End Namespace

Lo siento, la etiqueta de código no le gusta el código de vb.net.

Answer 2

Evite GetThumbnailImage: proporcionará resultados muy impredecibles, ya que trata de usar la miniatura JPEG incorporada, si está disponible, incluso si la miniatura incrustada tiene el tamaño incorrecto. DrawImage () es una solución mucho mejor.

Envuelva su mapa de bits en una cláusula {} con uso: no quiere que las manijas filtradas floten ...

Además, querrás configurar la calidad de codificación Jpeg en 90, que es donde GDI + parece brillar mejor:

System.Drawing.Imaging.ImageCodecInfo[] info = System.Drawing.Imaging.ImageCodecInfo.GetImageEncoders();
System.Drawing.Imaging.EncoderParameters encoderParameters;
encoderParameters = new System.Drawing.Imaging.EncoderParameters(1);
encoderParameters.Param[0] = new System.Drawing.Imaging.EncoderParameter(System.Drawing.Imaging.Encoder.Quality, 90L);
thumb.Save(ms, info[1], encoderParameters);

Sé que un gran porcentaje de mis clientes compra mi código de redimensionamiento de imagen para usarlo en la integración con sistemas de carga de imágenes. Debido a la buena documentación, muy pocos necesitan ayuda para modificar el código. Para aquellos que lo hacen, ofrezco personalización por una pequeña tarifa.

Answer 3

GetThumbnailImage funcionaría, pero si quieres un poco mejor calidad puedes especificar tus opciones de imagen para la clase BitMap y guardar tu imagen cargada allí. Aquí hay un código de muestra:

Image photo; // your uploaded image
Bitmap bmp = new Bitmap(resizeToWidth, resizeToHeight);
graphic = Graphics.FromImage(bmp);
graphic.InterpolationMode = InterpolationMode.HighQualityBicubic;
graphic.SmoothingMode = SmoothingMode.HighQuality;
graphic.PixelOffsetMode = PixelOffsetMode.HighQuality;
graphic.CompositingQuality = CompositingQuality.HighQuality;
graphic.DrawImage(photo, 0, 0, resizeToWidth, resizeToHeight);
imageToSave = bmp;

Esto proporciona una mejor calidad que GetImageThumbnail fuera de la caja

Answer 4

Puede usar la función Image.GetThumbnailImage para hacerlo por usted.

http://msdn.microsoft.com/en-us/library/system.drawing.image.getthumbnailimage.aspx (.NET 3.5)

http://msdn.microsoft.com/en-us/library/system.drawing.image.getthumbnailimage(VS.80).aspx (.NET 2.0)

public bool ThumbnailCallback()
{
return false;
}
public void Example_GetThumb(PaintEventArgs e)
{
Image.GetThumbnailImageAbort myCallback = new Image.GetThumbnailImageAbort(ThumbnailCallback);
Bitmap myBitmap = new Bitmap("Climber.jpg");
Image myThumbnail = myBitmap.GetThumbnailImage(40, 40, myCallback, IntPtr.Zero);
e.Graphics.DrawImage(myThumbnail, 150, 75);
}

Answer 5

Supongo que su mejor solución sería usar GetThumbnailImage de la clase .NET Image .

// Example in C#, should be quite alike in ASP.NET
// Assuming filename as the uploaded file
using ( Image bigImage = new Bitmap( filename ) )
{
// Algorithm simplified for purpose of example.
int height = bigImage.Height / 10;
int width = bigImage.Width / 10;
// Now create a thumbnail
using ( Image smallImage = image.GetThumbnailImage( width,
height,
new Image.GetThumbnailImageAbort(Abort), IntPtr.Zero) )
{
smallImage.Save("thumbnail.jpg", ImageFormat.Jpeg);
}
}

Answer 6

Usando un ejemplo anterior y algunos de otros lugares, aquí hay una función fácil de mencionar (gracias a Nathanael Jones y otros aquí).

using System.Drawing;
using System.Drawing.Drawing2D;
using System.IO;
public static void ResizeImage(string FileNameInput, string FileNameOutput, double ResizeHeight, double ResizeWidth, ImageFormat OutputFormat)
{
using (System.Drawing.Image photo = new Bitmap(FileNameInput))
{
double aspectRatio = (double)photo.Width / photo.Height;
double boxRatio = ResizeWidth / ResizeHeight;
double scaleFactor = 0;
if (photo.Width < ResizeWidth && photo.Height < ResizeHeight)
{
// keep the image the same size since it is already smaller than our max width/height
scaleFactor = 1.0;
}
else
{
if (boxRatio > aspectRatio)
scaleFactor = ResizeHeight / photo.Height;
else
scaleFactor = ResizeWidth / photo.Width;
}
int newWidth = (int)(photo.Width * scaleFactor);
int newHeight = (int)(photo.Height * scaleFactor);
using (Bitmap bmp = new Bitmap(newWidth, newHeight))
{
using (Graphics g = Graphics.FromImage(bmp))
{
g.InterpolationMode = InterpolationMode.HighQualityBicubic;
g.SmoothingMode = SmoothingMode.HighQuality;
g.CompositingQuality = CompositingQuality.HighQuality;
g.PixelOffsetMode = PixelOffsetMode.HighQuality;
g.DrawImage(photo, 0, 0, newWidth, newHeight);
if (ImageFormat.Png.Equals(OutputFormat))
{
bmp.Save(FileNameOutput, OutputFormat);
}
else if (ImageFormat.Jpeg.Equals(OutputFormat))
{
ImageCodecInfo[] info = ImageCodecInfo.GetImageEncoders();
EncoderParameters encoderParameters;
using (encoderParameters = new System.Drawing.Imaging.EncoderParameters(1))
{
// use jpeg info[1] and set quality to 90
encoderParameters.Param[0] = new System.Drawing.Imaging.EncoderParameter(System.Drawing.Imaging.Encoder.Quality, 90L);
bmp.Save(FileNameOutput, info[1], encoderParameters);
}
}
}
}
}
}