在页面加载时加载小版本的图像答案

【问题标题】：loading small version of images at page load在页面加载时加载小版本的图像
【发布时间】：2012-03-16 04:11:56
【问题描述】：

我正在使用 VS2010,C# 来开发我的 ASP.NET Web 应用程序，我在一个页面中显示了几个大图像（大约 50KB 大小），这需要时间，当然最初只是这些图像的一些小版本显示，然后用户可以单击每个图像，真实大小的图像将显示在灯箱中。但是当我加载全尺寸图像以显示缩略图时，加载页面需要很长时间，有什么方法可以只加载每个图像的小尺寸？有什么方法可以减少加载时间并显示图像缩略图？我有什么选择，请帮帮我

【问题讨论】：

标签： asp.net image

【解决方案1】：

不，没有办法。如果您即时创建缩略图，则必须加载整个图像，这违背了目的。

您可以提前创建缩略图。

【讨论】：

谢谢，有什么方法可以在我的服务器上创建缩略图（正如您提前说的），以便最初加载这些缩略图？
有一个流行的免费软件程序叫做 irfanview，它可以对图像文件进行批处理。 ofzenandcomputing.com/zanswers/1028

【解决方案2】：

您可以做两件事，一是创建缩略图并加载它们，而不是加载您的主图像，您还可以暗示延迟加载意味着您只加载视口中立即需要的图像，这肯定会对您的事业有所帮助。

Link for lazy loading

【讨论】：

【解决方案3】：

最好使用 Thumbviewer。它非常易于使用，您会惊讶于它的工作效率。

<bri:ThumbViewer ID="ThumbViewer2" runat="server" ImageUrl="~/images/Scissors.jpg"
                    Title="Tailors Scissors" ThumbUrl="~/thumbs/Scissors.jpg" Height="75px" Width="90px" ModalImagePadding="40px" />

你可以在这里找到演示：Thumbnail-Image-Viewer-Control-for-ASP.Net

【讨论】：

谢谢，它是加载小版本的图像（减少加载时间）还是只创建缩略图？
是的。你检查了上面给出的链接，检查演示。在上面的示例中，如果您看到 ImageUrl="~/images/Scissors.jpg" 和 ThumbUrl="~/thumbs/Scissors.jpg" 字段，则会显示第一个缩略图缩小的图像，然后单击该图像，即为实际大小的图像。