#233 – Images not showing since using Imagify

Posted in ‘weeblrAMP’
This is a public ticket. Everybody will be able to see its contents. Only enter usernames, passwords or any other sensitive information in the Private information field.
Tuesday, 29 September 2020 16:22 UTC
nurgling
 Hi there,

Most of the images are not showing and the search console
is indicating this, for example for one article ( https://veryprivategallery.com/youtube-for-artists/amp/ ):

"AMP HTML Tag has an invalid layout specified by its attributes."
	<span class="et_pb_image_wrap "><amp-img src="https://veryprivategallery.com/wp-content/uploads/2019/03/katie-jobling-1.jpg" alt="Youtube for artists" height="" width="" srcset="//veryprivategallery.com/wp-content/uploads/2019/03/katie-jobling-1.jpg 1080w, //veryprivategallery.com/wp-content/uploads/2019/03/katie-jobling-1-150x150.jpg 150w, //veryprivategallery.com/wp-content/uploads/2019/03/katie-jobling-1-300x300.jpg 300w, //veryprivategallery.com/wp-content/uploads/2019/03/katie-jobling-1-768x768.jpg 768w, //veryprivategallery.com/wp-content/uploads/2019/03/katie-jobling-1-1024x1024.jpg 1024w" sizes="(min-width: 0px) 0px, 100vw" class="wp-image-28483 amp-wp-enforced-sizes"></amp-img></span>


It seems it is from the moment I am using Imagify for Webp images. I tried to disable/enable it but it doesn't change anything. Only the featured images is showing at the top of the post.
Any clue? Is there a next update planned soon with your great plug-in?

Best!
Tuesday, 29 September 2020 17:42 UTC
wb_weeblrpress
Hi

The problem is most likeley the srcset. That requires to set the layout="responsive" attribute.

But that's not the main issue The page you linked to is completely invalid, it's missing all the AMP scripts and has many errors:



All those images, for instance, are missing their height and width which makes the page invalid.

The reason is to be found in the original HTML content, your usage of Imagify (I assume) replaces the actual image in content by this:



So the image is replaced by a "placeholder":

data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" 


and so there is no image to compute dimensions for.

I assume the Imagify plugin does that and I'm afraid this is not something we can account for: if the images are not in the content, we can't properly convert them.

As for the missing amp-scripts, I can only assume that some optimization plugin is also removing them.

I tried to disable/enable it but it doesn't change anything.


After disabling it, you should make sure the source code of your original page, the HTML version has indeed returned to normal and the images are indeed present (ie the src attribute of the img tags have an actual link to an image). A lot of caching can happen along the way.

Best regards

 
Wednesday, 14 October 2020 05:34 UTC
system
This ticket has been automatically closed. All tickets which have been inactive for a long time are automatically closed. If you believe that this ticket was closed in error, please contact us.
This ticket is closed, therefore read-only. You can no longer reply to it. If you need to provide more information, please open a new ticket and mention this ticket's number.