Responsive Images in AMP

anefarious1
(@anefarious1)

9 years, 3 months ago

I have images in my posts which are more than 320px in width. In mobile, before using AMP, these images were responsive so that they fit the width of mobile devices, automatically.

Since I went to AMP using this plugin, those same images do not seem fit into the view of the mobile device I am using. How can I get big images to be responsive inside the AMP version of the post? Thanks

Viewing 8 replies - 1 through 8 (of 8 total)

Thread Starter anefarious1
(@anefarious1)

9 years, 3 months ago

Update: It seems the problem is corrected when I center align images. This issue likely has nothing to do with AMP or this plugin specifically.

It sure would be nice to be able to have images left or right aligned on the desktop version but I guess that isn’t possible if I want them to look correctly on mobile? Anyway.. thanks for the great support!

Plugin Author Ahmed Kaludi
(@ahmedkaludi)

9 years, 3 months ago

Hey @anefarious1

Actually, we’re applying the styles to the default WP image classes so it should align properly, it’s strange that it’s not. Can you share URL where you have added an image that is either aligned to left or right?

Regards,
Ahmed

Thread Starter anefarious1
(@anefarious1)

9 years, 3 months ago

http://guidetodetailing.com/amp/

Please view on a mobile phone or resize your browser to iPhone width. See the first image of the old red BMW.

Plugin Author Ahmed Kaludi
(@ahmedkaludi)

9 years, 3 months ago

Hey @anefarious1

ah, yes! I have made a ticket about this, I will make sure that it gets fixed in the next update: https://github.com/ahmedkaludi/accelerated-mobile-pages/issues/671

Thank you for helping us improve the plugin!

Regards,
Ahmed

RecipeDeveloper
(@techbrownie)

9 years, 3 months ago

Hi Ahmed,

I am having this problem too- when will that update happen?

Thank you,

Katie

Thread Starter anefarious1
(@anefarious1)

9 years, 3 months ago

@ Katie: Don’t hold your breath.

Plugin Author Mohammed Kaludi
(@mohammed_kaludi)

9 years, 2 months ago

Hey @techbrownie and @anefarious1,

I have tested this once again and it seems to be working perfectly. You can check out more details at the ticket (screenshot included). https://github.com/ahmedkaludi/accelerated-mobile-pages/issues/671

Also @techbrownie can you please share the url of the page where you see this issue?

Thank you,
Mohammed Kaludi

RecipeDeveloper
(@techbrownie)

9 years, 2 months ago

It is still overflowing the right hand side of the mobile screen. You can’t really see the effect if you’re looking at it on desktop.

https://recipeforperfection.com/pancakes-sausage-breakfast-bread-pudding/amp

In fact, you can see that the images overflow on any of my posts that have images.