Carrierwave::Picture

Simple gem for converting images to webp and jp2 via imagemagic and add picture_tag to action view.

Install dependencies OSX:

$ brew install imagemagick
$ brew install webp

Or in your Debian, Ubuntu console:

sudo apt-get install imagemagick
sudo apt-get install webp

After ImageMagic installed add this line to your application's Gemfile:

gem 'carrierwave-picture'

And then execute:

$ bundle

Or install it yourself as:

$ gem install carrierwave-picture

Include CarrierWave::Picture into your CarrierWave uploader and call prepare_picture method after carrierwave store:

class ImageUploader < CarrierWave::Uploader::Base
  include CarrierWave::Picture

  after :store, :prepare_picture
end

This will automatically create webp and jpg versions of the image. Now you can call picture_tag in your views:

<%= picture_tag image_path, options_hash %>

Example:

<%= picture_tag 'image.png', class: 'card' %>

It is return html code like:

<picture class="card">
  <source srcset="image.png.webp" type="image/webp" style="height: inherit; width: inherit">
  <source srcset="image.png.jpg" type="image/jpeg" style="height: inherit; width: inherit">
  <img style="height: inherit; width: inherit" src="image.png" alt="">
</picture>

If you have uploaded images you can use rake task to convert. Default path is "public":

$ rake picture:prepare[:path]

Example:

$ rake picture:prepare["public/uploads"]

1. Fork it
2. Create your feature branch (git checkout -b my-new-feature)
3. Commit your changes (git commit -am 'Add some feature')
4. Push to the branch (git push origin my-new-feature)
5. Create new Pull Request

The gem is available as open source under the terms of the MIT License.