GithubHelp home page GithubHelp logo

0xjmp / rails-webp Goto Github PK

View Code? Open in Web Editor NEW
12.0 2.0 5.0 201 KB

Create WebP copies of your JPG/PNG assets the easy way

Home Page: https://rubygems.org/gems/rails-webp

License: MIT License

Ruby 98.61% Shell 1.39%

rails-webp's Introduction

Rails::Webp

Create webp copies of your image assets the easy way using minimagick!

Installation

Before installing, make sure you have ImageMagick installed on your host.

Add this line to your application's Gemfile:

gem 'rails-webp'

And then execute:

$ bundle

Or install it yourself as:

$ gem install rails-webp

Usage

This gem is intended to be used as a post processor step in your asset pipeline:

bundle exec rake assets:precompile

You can configure options passed to ImageMagick in an initializer:

config/initializers/webp.rb:

Rails::WebP.encode_options = { quality: 80, lossless: true, method: 6, alpha_filtering: 2, alpha_compression: 0, alpha_quality: 100 }

A comprehensive list of options can be found here.

Note: a digest is included in the processed webp image's file name. This digest is compared for each time compilation occurs. By default, rails-webp will only process images that have a mismatched digest (AKA hash of source image contents). If you wish to force webp processing:

Rails::WebP.force = true # default: false

Motivations for this gem

In my experience, the existing gems for processing webp images in the Rails Asset Pipeline made questionable assumptions. More importantly, I could not use the native libraries used by those gems in my team's acceptance/production environment. ImageMagick was an easy choice for this reason because it's widely implemented, used, and understood (my opinion).

Development

After checking out the repo, run bin/setup to install dependencies. Then, run rake spec to run the tests. You can also run bin/console for an interactive prompt that will allow you to experiment.

To install this gem onto your local machine, run bundle exec rake install. To release a new version, update the version number in version.rb, and then run bundle exec rake release, which will create a git tag for the version, push git commits and tags, and push the .gem file to rubygems.org.

Contributing

Bug reports and pull requests are welcome on GitHub at https://github.com/jakenberg/rails-webp. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.

License

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

Code of Conduct

Everyone interacting in the Rails::Webp project’s codebases, issue trackers, chat rooms and mailing lists is expected to follow the code of conduct.

rails-webp's People

Contributors

0xjmp avatar dependabot[bot] avatar eagleas avatar ghiculescu avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

rails-webp's Issues

data_digest bug

def webp_file_exists?(digest, output_path)
File.exists?(output_path) && digest == output_path.to_s.split('-').last.split('.').first
end

def data_digest(data)
"-#{context.environment.digest_class.new.update(data).to_s}"
end

digest == output_path.to_s.split('-').last.split('.').first

digest: '-123456abcdef'

output_path.to_s.split('-').last.split('.').first: '123456ABCabc'

The judgement is false forever!!!

That should be above.
def webp_file_exists?(digest, output_path)
File.exists?(output_path) && digest == "-#{output_path.to_s.split('-').last.split('.').first}"
end

Setup docs

Hey, thanks for the nice gem, any setup docs for capistrano, nginx, apache? Thx!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.