html - 快速将高分辨率图像渲染为缩略图

Question

Ruby on Rails 3.2

我将大约 1800 x 1200 像素的图像渲染为 220 x 180 像素。图片在公共(public)目录中。它们需要一点时间来渲染，我怎样才能让它们渲染得更快？

我的看法:

<% @images.each_slice(3) do |slice| %>
    <div class="row">
            <ul class="thumbnails">
                <% slice.each do |image| %>
                    <li class="span3">
                        <h4 style="text-align: center;"><%= File.basename(image) %></h4>
                    <% image_path = ["", File.dirname(image).split("public"),"/", File.basename(image)].join('') %>
                    <%= link_to image_tag(image_path), image_path[/\/.*/]%>
            </li>
        <% end %>
        </ul>
    </div> 
<% end %>

我制作图像缩略图的风格。

li.span3 img{
    width: 220px;
    max-height: 180px;
}

有什么想法可以让它们渲染得更快吗？也许在应用程序 Controller 中加载缩略图以在应用程序范围内使用或其他什么？

Answer 1

您的 CSS 不会减小图像大小 - 它会渲染一个巨大的图像，这就是需要这么长时间的巨大图像的下载和渲染。

调整服务器端的大小并下载它会更快，执行此操作的确切方法是您应该研究的 - 快速谷歌发现:

http://www.dzone.com/snippets/easily-generate-thumbnails