Une façon de "normaliser" l'apparition, dans les différents navigateurs est à l'aide de votre "côté serveur" pour redimensionner l'image. Un exemple d'utilisation de C# contrôleur:
public ActionResult ResizeImage(string imageUrl, int width)
{
WebImage wImage = new WebImage(imageUrl);
wImage = WebImageExtension.Resize(wImage, width);
return File(wImage.GetBytes(), "image/png");
}
où WebImage est une classe de Système.Web.Les aides.
WebImageExtension est défini ci-dessous:
using System.IO;
using System.Web.Helpers;
using System.Drawing;
using System.Drawing.Imaging;
using System.Drawing.Drawing2D;
using System.Collections.Generic;
public static class WebImageExtension
{
private static readonly IDictionary<string, ImageFormat> TransparencyFormats =
new Dictionary<string, ImageFormat>(StringComparer.OrdinalIgnoreCase) { { "png", ImageFormat.Png }, { "gif", ImageFormat.Gif } };
public static WebImage Resize(this WebImage image, int width)
{
double aspectRatio = (double)image.Width / image.Height;
var height = Convert.ToInt32(width / aspectRatio);
ImageFormat format;
if (!TransparencyFormats.TryGetValue(image.ImageFormat.ToLower(), out format))
{
return image.Resize(width, height);
}
using (Image resizedImage = new Bitmap(width, height))
{
using (var source = new Bitmap(new MemoryStream(image.GetBytes())))
{
using (Graphics g = Graphics.FromImage(resizedImage))
{
g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.AntiAlias;
g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.HighQualityBicubic;
g.DrawImage(source, 0, 0, width, height);
}
}
using (var ms = new MemoryStream())
{
resizedImage.Save(ms, format);
return new WebImage(ms.ToArray());
}
}
}
}
remarque l'option InterpolationMode.HighQualityBicubic. C'est la méthode utilisée par google Chrome.
Maintenant, vous devez le publier dans une page web. Permet l'utilisation de rasoir:
<img src="@Url.Action("ResizeImage", "Controller", new { urlImage = "<url_image>", width = 35 })" />
Et cela a fonctionné très bien pour moi!
Idéalement sera mieux pour enregistrer l'image au préalable dans différentes largeurs, à l'aide de cet algorithme de redimensionnement, pour éviter que le contrôleur de processus dans chaque chargement de l'image.
(Désolé pour mon mauvais anglais, je suis brésilien...)
