Adapt the images
Posted: Tue Jan 21, 2025 3:54 am
It is important to let AMP know the size of all images to be included, because when uploading them it is necessary to avoid resizing in real time in order to reduce rendering time as much as possible.
Therefore, some considerations you should take into account when adapting your images are:
AMP will replace the normal <img> tags with its own <amp-img> version. The main restriction is that the height and width in pixels must be exactly expressed for it to validate.
You can ensure that images are responsive by adding a layout=”responsive”.
Other properties that support serving content optimized for each device are allowed, such as srcset.
As we mentioned before, it will be important for the article to have at least one image that represents it and specify it in metadata.
AMP alternatives in videos:
As with images, videos and other content formats will need to be adapted to AMP.
For the specific case of videos, you will have to add an <amp-video>.
In any case, these tags will function as <alt-img>, so their bahamas whatsapp resource exact dimensions in terms of width and height will need to be detailed, and the layout property is also allowed.
Forms case:
Forms and other functional elements that may have previously been on the page are not supported in AMP.
The solution to this is to replace them with simple CTAs , links and other buttons.
Therefore, some considerations you should take into account when adapting your images are:
AMP will replace the normal <img> tags with its own <amp-img> version. The main restriction is that the height and width in pixels must be exactly expressed for it to validate.
You can ensure that images are responsive by adding a layout=”responsive”.
Other properties that support serving content optimized for each device are allowed, such as srcset.
As we mentioned before, it will be important for the article to have at least one image that represents it and specify it in metadata.
AMP alternatives in videos:
As with images, videos and other content formats will need to be adapted to AMP.
For the specific case of videos, you will have to add an <amp-video>.
In any case, these tags will function as <alt-img>, so their bahamas whatsapp resource exact dimensions in terms of width and height will need to be detailed, and the layout property is also allowed.
Forms case:
Forms and other functional elements that may have previously been on the page are not supported in AMP.
The solution to this is to replace them with simple CTAs , links and other buttons.