Improve browser rendering adding the size to <img> tags
Ruby HTML JavaScript CSS
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
lib
spec
.gitignore
.rspec
.travis.yml
CHANGELOG.md
Gemfile
LICENSE
README.md
Rakefile
dimensions-rails.gemspec

README.md

Dimensions::Rails

Build Status

<%= image_tag 'logo.png' %>
<img src="/assets/logo.png" width="230" height="80">

It uses dimensions by @sstephenson to automatically add size attributes to image tags, which speeds browser rendering.

How does this improve browser rendering?

See: https://developers.google.com/speed/docs/best-practices/rendering#SpecifyImageDimensions

Installation

Add this line to your application's Gemfile:

gem 'dimensions-rails'

Usage

Just use the image_tag rails helper as usual, the :size options will be magically added by dimensions-rails elves!

If for any reason you need to disable dimensions-rails just pass :dimensions => false to image_tag.

Contributing

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