Plugin won't generate 2x & 3x of an image

[digitalgutenberg]

Hi!

I'm having some problems with this gem. Let's say I have an original image with the following dimensions, 1460x649, and then set the width to "450" in the template, there would only be one image generated. The generated image would have a dimension of 450x200, but would be called "image-name-1460x649.png", which I assume is wrong.

My template is like this:
{% image_tag src=post.indeximg width="450" %}

And the html output is:

<img src="img/image-name-1460x649.png" width="450" srcset="img/image-name-1460x649.png 1x, img/image-name-1460x649.png 2x, img/image-name-1460x649.png 3x">

In other words, the 2x and 3x versions are not generated at all.

I'm assuming that this might be a problem somehow connected to rmagick. When I run 'jekyll serve' or 'jekyll build', I see the following error message:
[DEPRECATION] requiring "RMagick" is deprecated. Use "rmagick" instead
(Full paste: https://gist.github.com/digitalgutenberg/e3603e7e8027bebe9dfd#file-gistfile1-txt )

I then did a
sudo gem install rmagick

but the error message persisted. However, I should point out that I'm new to jekyll and the Ruby ecosystem, so perhaps I'm overlooking something basic here?

For the record, I've installed jekyll-srcset (plus the other gems I use) systemwide, so I don't use a gemfile for this project. I use the latest version of Jekyll (3.1.1).

[digitalgutenberg]

Obviously I was wrong in thinking this had anything to do with the rmagick error message mentioned above. (I'm told that this shouldn't break anything.)

But still, this plugin doesn't work on my system when following all the instructions. Only the smallest version (1x) of an image is generated, and the generated filename for the 1x image mistakenly uses the dimension of the original image. The 2x & 3x files are not generated.

Let me know if I can provide any further information to shed light on this.

[iloveip]

Hi there,

I have the same issue. The plugin generates three identical images of the same size and with the same file names:

<img src="/images/testimage-5472x3648.png" width="621" srcset="/images/testimage-5472x3648.png 1x, /images/testimage-5472x3648.png 2x, /images/testimage-5472x3648.png 3x">

@biilmann Is this an intended behavior?

The same is in your blog post about the plugin https://www.netlify.com/blog/2015/08/20/simple-responsive-images-with-jekyll.

[ChrisSki]

Any resolution on this? It's a simple straightforward tool, just wish there was an explanation or answer here.

[rasteiner]

Same issue here. It links three times the same image which has 360 width.

{% image_tag src=item.featuredImageUrl width="360" %}

generates

<img src="_workshops/2015/adventures-in-dataviz/main-1876x2080.jpg" width="360" srcset="_workshops/2015/adventures-in-dataviz/main-1876x2080.jpg 1x, _workshops/2015/adventures-in-dataviz/main-1876x2080.jpg 2x, _workshops/2015/adventures-in-dataviz/main-1876x2080.jpg 3x">

[mvdmakesthings]

I have the same issues as stated above.

[descovi]

Same problem

[eddokloosterman]

I've been having exactly the same issue and decided to act upon it; with pull request #7 this issue is actually solved.

[niveus]

Hey guys, I forked this gem and merged #6 and #7, as well as added Mozjpeg support. You can check it out here https://github.com/niveus/jekyll-srcset or just change your Gemfile to use jekyll-srcset2

[wiseman]

@niveus I tried your plugin, but I get this error:

Liquid Exception: Liquid syntax error (line 3): Unknown tag 'image_tag' in 

I don't get that error with the netlify version of the plugin.

[niveus]

@wiseman can you open an issue on my fork page? I'd like to see your Gemfile and maybe an example of how you're using it