2014-04-11 58 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

相關問題