Sha256: 98b07d64a2d11098a0275f5ecbee7d947ddda8969891ebc574e99de3133c4c13

Contents?: true

Size: 636 Bytes

Versions: 12

Compression:

Stored size: 636 Bytes

Contents

---
sort: 4
---

# Alternate images

  _Format:_ `(media_query): (filename) [crop] [gravity] (...)`

  _Example:_ `tablet: img_cropped.jpg mobile: img_cropped_more.jpg`

Optionally specify any number of alternate base images for given
[media_queries]({{ site.baseurl }}/users/presets/media_queries). This is called
[art direction](http://usecases.responsiveimages.org/#art-direction), and is one
of JPT's strongest features.

Give your images in order of ascending specificity (The first image is the
most general). They will be provided to the browser in reverse order, and it
will select the first one with an applicable media query.

Version data entries

12 entries across 12 versions & 1 rubygems

Version Path
jekyll_picture_tag-2.1.2 docs/users/liquid_tag/argument_reference/alternate_images.md
jekyll_picture_tag-2.1.1 docs/users/liquid_tag/argument_reference/alternate_images.md
jekyll_picture_tag-2.1.0 docs/users/liquid_tag/argument_reference/alternate_images.md
jekyll_picture_tag-2.0.4 docs/users/liquid_tag/argument_reference/alternate_images.md
jekyll_picture_tag-2.0.3 docs/users/liquid_tag/argument_reference/alternate_images.md
jekyll_picture_tag-2.0.2 docs/users/liquid_tag/argument_reference/alternate_images.md
jekyll_picture_tag-2.0.1 docs/users/liquid_tag/argument_reference/alternate_images.md
jekyll_picture_tag-2.0.0 docs/users/liquid_tag/argument_reference/alternate_images.md
jekyll_picture_tag-2.0.0pre1 docs/users/liquid_tag/argument_reference/alternate_images.md
jekyll_picture_tag-1.14.0 docs/users/liquid_tag/argument_reference/alternate_images.md
jekyll_picture_tag-1.13.0 docs/users/liquid_tag/argument_reference/alternate_images.md
jekyll_picture_tag-1.12.0 docs/users/liquid_tag/argument_reference/alternate_images.md