Rails上的PaperClip紅寶石在上傳時圖像尺寸不一致

Question

我正在使用Rails中的ruby中的PaperClip處理模型的圖像上傳。 除了對圖像尺寸的不一致處理外，它工作得很好。

看這個例子：

看到最右邊的圖片比中間和左邊的圖片大嗎？

我需要確定為什么會這樣。

這是我的開發回形針配置：

#Paperclip storage locally and specify location of imagemagick
Paperclip.options[:command_path] = "/usr/local/bin/"
PAPERCLIP_STORAGE_OPTS = {
     :styles => { :thumb => '100x100#', :medium => '450x300>', :large => '600x400>'},
     :convert_options => { :all => '-quality 100' },
     :processor       => [ :cropper ]
   }
  # Raises error for missing translations
  # config.action_view.raise_on_missing_translations = true
end

我使用以下代碼顯示這些圖像：

<div class="container">
<% count = 0 %>
<% results.each do |event| %>
<% if count == 3 %>
  <div class="row"></div>
<% end %>
<div class="col-xs-12 col-md-4">
<ul class="deals">
<li class="impression">
<%= link_to(event) do %>
<%= image_tag event.logo.url(:medium) %>
<div>
<h2><%= event.className %></h2>
<div><%= event.company_name %></div>
<table>
<tbody>
<tr>
<td>
<span>£<%= event.ppt %></span> 
£<%= event.ppc %></td>
<td>4 bought</td>
</tr>
</tbody>
</table>
</div>
<% end %>
</li>
</ul>
</div>
<% count = count +1 %>
<% end %>
</div>

當我在渲染HTML之后調查實際的img大小時，它們如下：

網球照片：334 x 209（原始圖像尺寸為1024 x 640）

電腦培訓圖片：334 x 209（原始圖像尺寸為1600 x 1000）

Zumba圖片：334 x 223（原始圖像尺寸為1280 x 854）

由於某種原因，Zumba圖片比其他圖片長14個像素？ 為什么會發生這種情況-為什么Paperclip在此配置中無法始終調整大小？ 還是與頁面的CSS有關？

Answer 1

答案是按照以下方式忽略imagemagick中的寬高比：

http://www.imagemagick.org/Usage/resize/#noaspect

因此，我將配置選項更改為：

#Paperclip storage locally and specify location of imagemagick
Paperclip.options[:command_path] = "/usr/local/bin/"
PAPERCLIP_STORAGE_OPTS = {
     :styles => { :thumb => '100x100!#', :medium => '450x300!>', :large => '600x400!>'},
     :convert_options => { :all => '-quality 100' },
     :processor       => [ :cropper ]
   }
  # Raises error for missing translations
  # config.action_view.raise_on_missing_translations = true
end

注意！ 在已添加的“ 100x100！＃”中-這就是告訴imagemagick忽略寬高比的原因-這就是我在添加！之前圖像尺寸不一致的原因。

嗬。 ！ 。