mirror of
https://github.com/rails/rails.git
synced 2022-11-09 12:12:34 -05:00
Prefer ImageProcessing's resize_to_limit macro over resize_to_fit
Don't upsize images smaller than the specified dimensions.
This commit is contained in:
parent
1fecebae31
commit
c1e949e9e6
9 changed files with 20 additions and 20 deletions
|
@ -1,6 +1,6 @@
|
|||
<figure class="attachment attachment--<%= blob.representable? ? "preview" : "file" %> attachment--<%= blob.filename.extension %>">
|
||||
<% if blob.representable? %>
|
||||
<%= image_tag blob.representation(resize_to_fit: local_assigns[:in_gallery] ? [ 800, 600 ] : [ 1024, 768 ]) %>
|
||||
<%= image_tag blob.representation(resize_to_limit: local_assigns[:in_gallery] ? [ 800, 600 ] : [ 1024, 768 ]) %>
|
||||
<% end %>
|
||||
|
||||
<figcaption class="attachment__caption">
|
||||
|
|
|
@ -329,14 +329,14 @@ module ActionView
|
|||
# image_tag("pic.jpg", srcset: [["pic_1024.jpg", "1024w"], ["pic_1980.jpg", "1980w"]], sizes: "100vw")
|
||||
# # => <img src="/assets/pic.jpg" srcset="/assets/pic_1024.jpg 1024w, /assets/pic_1980.jpg 1980w" sizes="100vw">
|
||||
#
|
||||
# Active Storage (images that are uploaded by the users of your app):
|
||||
# Active Storage blobs (images that are uploaded by the users of your app):
|
||||
#
|
||||
# image_tag(user.avatar)
|
||||
# # => <img src="/rails/active_storage/blobs/.../tiger.jpg" />
|
||||
# image_tag(user.avatar.variant(resize_to_fit: [100, 100]))
|
||||
# # => <img src="/rails/active_storage/variants/.../tiger.jpg" />
|
||||
# image_tag(user.avatar.variant(resize_to_fit: [100, 100]), size: '100')
|
||||
# # => <img width="100" height="100" src="/rails/active_storage/variants/.../tiger.jpg" />
|
||||
# image_tag(user.avatar.variant(resize_to_limit: [100, 100]))
|
||||
# # => <img src="/rails/active_storage/representations/.../tiger.jpg" />
|
||||
# image_tag(user.avatar.variant(resize_to_limit: [100, 100]), size: '100')
|
||||
# # => <img width="100" height="100" src="/rails/active_storage/representations/.../tiger.jpg" />
|
||||
def image_tag(source, options = {})
|
||||
options = options.symbolize_keys
|
||||
check_for_image_tag_errors(options)
|
||||
|
|
|
@ -101,7 +101,7 @@ Variation of image attachment:
|
|||
|
||||
```erb
|
||||
<%# Hitting the variant URL will lazy transform the original blob and then redirect to its new service location %>
|
||||
<%= image_tag user.avatar.variant(resize_to_fit: [100, 100]) %>
|
||||
<%= image_tag user.avatar.variant(resize_to_limit: [100, 100]) %>
|
||||
```
|
||||
|
||||
## Direct uploads
|
||||
|
|
|
@ -10,7 +10,7 @@ module ActiveStorage::Blob::Representable
|
|||
# Returns an ActiveStorage::Variant instance with the set of +transformations+ provided. This is only relevant for image
|
||||
# files, and it allows any image to be transformed for size, colors, and the like. Example:
|
||||
#
|
||||
# avatar.variant(resize_to_fit: [100, 100]).processed.service_url
|
||||
# avatar.variant(resize_to_limit: [100, 100]).processed.service_url
|
||||
#
|
||||
# This will create and process a variant of the avatar blob that's constrained to a height and width of 100px.
|
||||
# Then it'll upload said variant to the service according to a derivative key of the blob and the transformations.
|
||||
|
@ -18,7 +18,7 @@ module ActiveStorage::Blob::Representable
|
|||
# Frequently, though, you don't actually want to transform the variant right away. But rather simply refer to a
|
||||
# specific variant that can be created by a controller on-demand. Like so:
|
||||
#
|
||||
# <%= image_tag Current.user.avatar.variant(resize_to_fit: [100, 100]) %>
|
||||
# <%= image_tag Current.user.avatar.variant(resize_to_limit: [100, 100]) %>
|
||||
#
|
||||
# This will create a URL for that specific blob with that specific variant, which the ActiveStorage::RepresentationsController
|
||||
# can then produce on-demand.
|
||||
|
@ -43,13 +43,13 @@ module ActiveStorage::Blob::Representable
|
|||
# from a non-image blob. Active Storage comes with built-in previewers for videos and PDF documents. The video previewer
|
||||
# extracts the first frame from a video and the PDF previewer extracts the first page from a PDF document.
|
||||
#
|
||||
# blob.preview(resize_to_fit: [100, 100]).processed.service_url
|
||||
# blob.preview(resize_to_limit: [100, 100]).processed.service_url
|
||||
#
|
||||
# Avoid processing previews synchronously in views. Instead, link to a controller action that processes them on demand.
|
||||
# Active Storage provides one, but you may want to create your own (for example, if you need authentication). Here’s
|
||||
# how to use the built-in version:
|
||||
#
|
||||
# <%= image_tag video.preview(resize_to_fit: [100, 100]) %>
|
||||
# <%= image_tag video.preview(resize_to_limit: [100, 100]) %>
|
||||
#
|
||||
# This method raises ActiveStorage::UnpreviewableError if no previewer accepts the receiving blob. To determine
|
||||
# whether a blob is accepted by any previewer, call ActiveStorage::Blob#previewable?.
|
||||
|
@ -69,7 +69,7 @@ module ActiveStorage::Blob::Representable
|
|||
|
||||
# Returns an ActiveStorage::Preview for a previewable blob or an ActiveStorage::Variant for a variable image blob.
|
||||
#
|
||||
# blob.representation(resize_to_fit: [100, 100]).processed.service_url
|
||||
# blob.representation(resize_to_limit: [100, 100]).processed.service_url
|
||||
#
|
||||
# Raises ActiveStorage::UnrepresentableError if the receiving blob is neither variable nor previewable. Call
|
||||
# ActiveStorage::Blob#representable? to determine whether a blob is representable.
|
||||
|
|
|
@ -38,7 +38,7 @@ class ActiveStorage::Preview
|
|||
|
||||
# Processes the preview if it has not been processed yet. Returns the receiving Preview instance for convenience:
|
||||
#
|
||||
# blob.preview(resize_to_fit: [100, 100]).processed.service_url
|
||||
# blob.preview(resize_to_limit: [100, 100]).processed.service_url
|
||||
#
|
||||
# Processing a preview generates an image from its blob and attaches the preview image to the blob. Because the preview
|
||||
# image is stored with the blob, it is only generated once.
|
||||
|
|
|
@ -27,7 +27,7 @@ require "ostruct"
|
|||
# To refer to such a delayed on-demand variant, simply link to the variant through the resolved route provided
|
||||
# by Active Storage like so:
|
||||
#
|
||||
# <%= image_tag Current.user.avatar.variant(resize_to_fit: [100, 100]) %>
|
||||
# <%= image_tag Current.user.avatar.variant(resize_to_limit: [100, 100]) %>
|
||||
#
|
||||
# This will create a URL for that specific blob with that specific variant, which the ActiveStorage::RepresentationsController
|
||||
# can then produce on-demand.
|
||||
|
@ -36,15 +36,15 @@ require "ostruct"
|
|||
# has already been processed and uploaded to the service, and, if so, just return that. Otherwise it will perform
|
||||
# the transformations, upload the variant to the service, and return itself again. Example:
|
||||
#
|
||||
# avatar.variant(resize_to_fit: [100, 100]).processed.service_url
|
||||
# avatar.variant(resize_to_limit: [100, 100]).processed.service_url
|
||||
#
|
||||
# This will create and process a variant of the avatar blob that's constrained to a height and width of 100.
|
||||
# Then it'll upload said variant to the service according to a derivative key of the blob and the transformations.
|
||||
#
|
||||
# You can combine any number of ImageMagick/libvips operations into a variant, as well as any macros provided by the
|
||||
# ImageProcessing gem (such as +resize_to_fit+):
|
||||
# ImageProcessing gem (such as +resize_to_limit+):
|
||||
#
|
||||
# avatar.variant(resize_to_fit: [800, 800], monochrome: true, rotate: "-90")
|
||||
# avatar.variant(resize_to_limit: [800, 800], monochrome: true, rotate: "-90")
|
||||
#
|
||||
# Visit the following links for a list of available ImageProcessing commands and ImageMagick/libvips operations:
|
||||
#
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
# In case you do need to use this directly, it's instantiated using a hash of transformations where
|
||||
# the key is the command and the value is the arguments. Example:
|
||||
#
|
||||
# ActiveStorage::Variation.new(resize_to_fit: [100, 100], monochrome: true, trim: true, rotate: "-90")
|
||||
# ActiveStorage::Variation.new(resize_to_limit: [100, 100], monochrome: true, trim: true, rotate: "-90")
|
||||
#
|
||||
# The options map directly to {ImageProcessing}[https://github.com/janko-m/image_processing] commands.
|
||||
class ActiveStorage::Variation
|
||||
|
|
|
@ -434,7 +434,7 @@ original blob into the specified format and redirect to its new service
|
|||
location.
|
||||
|
||||
```erb
|
||||
<%= image_tag user.avatar.variant(resize_to_fit: [100, 100]) %>
|
||||
<%= image_tag user.avatar.variant(resize_to_limit: [100, 100]) %>
|
||||
```
|
||||
|
||||
To switch to the Vips processor, you would add the following to
|
||||
|
|
|
@ -218,7 +218,7 @@ namespace :all do
|
|||
|
||||
<p>
|
||||
<% if @user.avatar.attached? -%>
|
||||
<%= image_tag @user.avatar.representation(resize_to_fit: [500, 500]) %>
|
||||
<%= image_tag @user.avatar.representation(resize_to_limit: [500, 500]) %>
|
||||
<% end -%>
|
||||
</p>
|
||||
CODE
|
||||
|
|
Loading…
Reference in a new issue