https://github.com/elia/dimensions-rails
Improve browser rendering adding the size to <img> tags
https://github.com/elia/dimensions-rails
Last synced: over 1 year ago
JSON representation
Improve browser rendering adding the size to <img> tags
- Host: GitHub
- URL: https://github.com/elia/dimensions-rails
- Owner: elia
- License: mit
- Created: 2012-05-15T18:56:03.000Z (about 14 years ago)
- Default Branch: master
- Last Pushed: 2016-03-13T18:14:54.000Z (over 10 years ago)
- Last Synced: 2024-04-24T03:23:49.791Z (over 2 years ago)
- Language: Ruby
- Homepage: http://elia.github.com/dimensions-rails/
- Size: 131 KB
- Stars: 49
- Watchers: 7
- Forks: 10
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Dimensions::Rails
[](http://travis-ci.org/elia/dimensions-rails)
```erb
<%= image_tag 'logo.png' %>
```
```html
```
It uses [dimensions](http://github.com/sstephenson/dimensions) by [@sstephenson](http://github.com/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:
```ruby
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