快速渲染高分辨率图像作为缩略图

时间:2014-04-11 19:45:52

标签: html css ruby-on-rails ruby ruby-on-rails-3.2

Ruby on Rails 3.2

我有大约1800 x 1200像素的图像,我渲染到220 x 180像素。图像位于公共目录中。他们花一点时间渲染,我怎样才能让它们渲染得更快?

我的观点:

<% @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;
}

任何让它们渲染速度更快的想法?也许在应用程序控制器加载缩略图以使用app wide或什么?

1 个答案:

答案 0 :(得分:1)

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

调整服务器端和下载的速度会更快,确切的方法是你应该调查一下 - 快速google发现:

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