retina_image_tag 0.0.10 → 0.0.11

data/README.md

@@ -1,12 +1,18 @@
 # retina_image_tag
 
-A high-resolution image is loaded when the retina_image_tag is called from a retina display
+retina_image_tag is a ViewHelper for Rails 3.1. in contrast to the normal Rails image_tag knows the retina_image_tag if the user invokes an image on a Apple Retina Display.
 
-more info about the problem: http://theindustry.cc/2012/03/30/2x-the-retina-dilemma/
+### Retina Display
+The Retina Display on the iPhone4 and iPad3 doubles the pixel resolution of the display.
+You can think about a full screen display with dimensions of 320x480 for iPhone4 and 1024x768 for iPad3. The big difference is that these dimensions are now expressed in points not in pixels. What has changed is the scaling factor of the screen which determines how a point relates to a pixel. The iPhone4 retina display has a scale of 2 so that 1 point = 2 pixels.
 
-exampleapp: http://retinaimagetag-demoapp.herokuapp.com/
+### @2x
+The '@2x' naming convention will be instantly familiar to any iOS developer. It's simply a way of naming an alternate, high-resolution version of an image so that it will be recognized and used by high-resolution Retina Displays.
 
-exampleapp sourcecode: https://github.com/ffaerber/retina_image_tag_demoapp
+### Example
+herokuapp: <http://retinaimagetag-demoapp.herokuapp.com/>
+
+sourcecode: <https://github.com/ffaerber/retina_image_tag_demoapp/>
 
 
 
@@ -18,7 +24,7 @@ Add this line to your application's Gemfile:
 
 add this line to application.js:
 	
-	$ //= require retina_image_tag
+	//= require retina_image_tag
 
 And then execute:
 
@@ -29,14 +35,28 @@ And then execute:
 
 ## Usage
 
-create a normal image: foo.jpg (400x400px)
+```erb
+<%= retina_image_tag 'foo.jpg', :size => "400x400" %>
+```
+
 
-and a @2x Retina Images: foo@2x.jpg (800x800px)
+## Workflow
 
-and use it like normal
+start working with the @2x version.
 
-<%= retina_image_tag 'foo.jpg', :size => "400x400" %>
+To scale down the @2x images run `rake retina_image_tag:convert`, the rake task will look for @2x image in `app/assets/images/`, creates a copy and renames those files and reduces the image dimensions.
+
+before:
+
+* `foo@2x.jpg (800x800px)`
+* `subdir/bar@2x.png (1000×556px)` 
+
+after:
 
+* `foo@2x.jpg (800x800px)`
+* `foo.jpg (400x400px)`
+* `subdir/bar@2x.png (1000×556px)`
+* `subdir/bar.png (500×278px)`
 
 
 ## Contributing

data/lib/retina_image_tag/version.rb

@@ -1,3 +1,3 @@
 module RetinaImageTag
-  VERSION = "0.0.10"
+  VERSION = "0.0.11"
 end

data/lib/retina_image_tag/view_helpers.rb

@@ -1,3 +1,5 @@
+require 'fastimage'
+
 module RetinaImageTag
   module ViewHelpers
     
@@ -7,18 +9,32 @@ module RetinaImageTag
     end
     
     
+    def full_image_path
+      if Rails.env == 'development'
+        Rails.root.to_s+'/app/assets/images/'+@image
+      else
+        request.protocol + request.host_with_port + image_path(@image)
+      end
+    end
+    
+    
     def retina_image_tag(image, options = {})
       @devicePixelRatio = cookies[:devicePixelRatio]
       @options          = options
       @image            = image             # foo.jpg, subdir/foo.png
 
+      
+      if @options[:size] == nil
+        @options[:size] = FastImage.size(full_image_path.delete '@2x').join("x")
+      end
+      
       case @devicePixelRatio
         when '2'
           retina_image 2
         when '1.5'
           retina_image 2
         else
-          image_tag(@image, @options)
+        image_tag(@image, @options)
        end
      end
      

data/retina_image_tag.gemspec

@@ -17,5 +17,5 @@ Gem::Specification.new do |gem|
   
   gem.add_dependency "railties", "~> 3.1"
   gem.add_dependency "rmagick", "~> 2.13.1"
-  
+  gem.add_dependency "fastimage", "~> 1.2.13"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: retina_image_tag
 version: !ruby/object:Gem::Version
-  version: 0.0.10
+  version: 0.0.11
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-05-22 00:00:00.000000000 Z
+date: 2012-05-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -43,6 +43,22 @@ dependencies:
     - - ~>
       - !ruby/object:Gem::Version
         version: 2.13.1
+- !ruby/object:Gem::Dependency
+  name: fastimage
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 1.2.13
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 1.2.13
 description: ! 'A high-resolution image is loaded when the retina_image_tag is called
   from a retina display '
 email: