Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

AMP Image issue

Karthikayini_C
Level 2
Level 2

Hi Friends,

Am trying to implement amp concept in aem .

I used already implemented component adding like below structure.Am able to used for content only , facing issue while using <amp-img> tag.

Any one have idea about this ? or any suggestion ?

including amp images but am not able to see images but am able to see the <amp-img> tag in the view source.

<hr>

amp responsive image layout  included <br/>

<amp-img src="kks_1195092996.jpg" layout="responsive" width="264" height="96">skynews_1195092996</amp-img>

<br/>

<amp-img src="/content/dam/kk/kks_1195092996.jpg" layout="responsive" width="264" height="96">Dam image</amp-img>

<br/>

<amp-img src="http://localhost:4502/content/dam/kk/kks_1195092996.jpg" layout="responsive" width="264" height="96">Specified location in server</amp-img>

<br/>

<amp-img src="https://lh5.googleusercontent.com/-rNT9QV2UgYc/AAAAAAAAAAI/AAAAAAAAAdE/TFG3kEimzwA/s0-c-k- no-ns/photo.jpg" layout="responsive" width="264" height="96">Jr.NTR</amp-img>

<br/>

html image included am able to see the image in my html <br/>

<img src="/content/dam/kk/kks_1195092996.jpg" alt="background image" />

image ending

Reffered URLs for this POC implenetation:

Accelerated Mobile Pages Project

https://github.com/ampproject/amphtml

https://www.ampproject.org/docs/get_started/create

https://www.ampproject.org/docs/get_started/create/include_image

https://www.ampproject.org/docs/guides/amp_replacements

https://www.ampproject.org/docs/reference/spec

https://www.ampproject.org/docs/reference/components/amp-img

https://www.ampproject.org/docs/guides/discovery

https://www.ampproject.org/docs/guides/responsive/control_layout

https://cdn.ampproject.org/experiments.html

https://github.com/ampproject/amphtml/blob/master/validator/validator-main.protoascii

https://www.ampproject.org/docs/reference/validation_errors

https://www.ampproject.org/

0 Replies