Rails 5 Carrierwave 和 MiniMagick 在调整缩略图大小时破坏了 gif

Des*_*ner 1 ruby-on-rails gif carrierwave minimagick ruby-on-rails-5

我正在使用 Carrierwave 和 mini_magick 来调整图像大小,生成缩略图。它对于 jpg 和 png 等静态图像效果很好,但当我尝试 gif 时,它会扭曲它。您可以在下面查看原始示例与调整大小的示例。知道如何让它生成 gif 拇指而不破坏它吗?

原始 GIF :) https://i.stack.imgur.com/iCSdl.jpg

生成的缩略图 GIF :( https://i.stack.imgur.com/rfEcO.jpg 在此输入图像描述


ps为什么缩略图的尺寸比原来的大?原图为800*600px,缩略图为400*300px。无论如何,生成缩略图的全部目的是具有较小的文件大小。 在此输入图像描述

谢谢你!


图片上传器.rb

class ImageUploader < CarrierWave::Uploader::Base

  # Include RMagick or MiniMagick support:
  # include CarrierWave::RMagick
  include CarrierWave::MiniMagick

  # Choose what kind of storage to use for this uploader:
  storage :file
  # storage :fog

  # Override the directory where uploaded files will be stored.
  # This is a sensible default for uploaders that are meant to be mounted:
  def store_dir
    "uploads/#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}"
  end

  # Provide a default URL as a default if there hasn't been a file uploaded:
  # def default_url(*args)
  #   # For Rails 3.1+ asset pipeline compatibility:
  #   # ActionController::Base.helpers.asset_path("fallback/" + [version_name, "default.png"].compact.join('_'))
  #
  #   "/images/fallback/" + [version_name, "default.png"].compact.join('_')
  # end
  def default_url(*args)
    ActionController::Base.helpers.asset_path("fallback/" + [version_name, "post.jpg"].compact.join('_'))
  end

  # Process files as they are uploaded:
  # process scale: [800, 600]
  # process :resize_to_fit => [800, 600]
  #
  # def scale(width, height)
  #   # do something
  # end

  # Create different versions of your uploaded files:
  # version :thumb do
  #   process resize_to_fit: [50, 50]
  # end
  version :thumb do
    process resize_to_fit: [400, 300]
  end

  # Add a white list of extensions which are allowed to be uploaded.
  # For images you might use something like this:
  def extension_whitelist
    %w(jpg jpeg gif png)
  end

  # Override the filename of the uploaded files:
  # Avoid using model.id or version_name here, see uploader/store.rb for details.
  # def filename
  #   "something.jpg" if original_filename
  # end

end
Run Code Online (Sandbox Code Playgroud)

小智 5

您尝试调整大小的 gif 已经过优化,因此在第一帧之后,后续的每个帧仅包含需要更改的像素。当 gif 动画时,帧会堆叠在一起,从而创建完整的动画。

此外,每个帧的大小仅足以包含需要更改的像素。因此,每个帧的大小是不同的。当您调整 gif 大小时,Imagemagick 会将每个帧的大小调整为 400 x 300 像素,无论其原始大小如何,这会导致您看到的扭曲。

您可以应用名为 的 Imagemagick 命令(在 Ruby 中使用 Minimagick 绑定)来修复此问题coalesce。它对原始图像进行去优化,使每一帧都是画布的完整尺寸。

调用coalesce会使文件大小变得更大,因此在调整完 gif 大小后,有必要重新优化 gif。

这是一个例子:

version :thumb do
  process my_resize: [400, 300]
end

def my_resize(width, height)
  if @file.content_type == "image/gif"
    gif_safe_transform! do |image|
      image.resize "#{width}x#{height}" # Perform any transformations here.
    end
  else
    # Process other filetypes if necessary.
  end
end

def gif_safe_transform!
  MiniMagick::Tool::Convert.new do |image|
    image << @file.path
    image.coalesce # Remove optimizations so each layer shows the full image.

    yield image

    image.layers "Optimize" # Re-optimize the image.
    image << @file.path
  end
end
Run Code Online (Sandbox Code Playgroud)

我在这里写了一些更深入的解释和一些例子