2014-04-11 55 views
1

红宝石3.2渲染on Rails的高分辨率图像作为缩略图快速

我有大约1800 x 1200像素,我呈现到220×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; 
} 

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

+0

你需要做出一些缩略图服务器 - 效率极低,无法渲染这么大的图像如此之小 – Starscream1984

+0

因此,您的建议是首先制作控制器中的缩略图?我很紧张,这会花费太多的时间处理所有的图像,而不是一些。 – DDDD

+0

如果控制器尚未存在并将其保存,控制器如何制作缩略图 - 那么进一步调用缩略图会更快? – Starscream1984

回答

1

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

这将是更快地调整服务器端和下载,做到这一点的具体方法是,你应该看看什么成 - 发现了一个快速谷歌:

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

+0

+1好的信息,我会在我的控制器或原始的全尺寸图像阵列模型中制作一系列缩略图尺寸的图像。 – DDDD

相关问题