Perbedaan paling mendasar dari versi AMP dan non-AMP adalah penulisan kode gambar yang menggunakan tag khusus <amp-img>.
Untuk lolos validasi, pastikan semua tag gambar <img> dalam postingan Anda sudah diganti dengan <amp-img>. Contoh penulisan gambar yang benar pada AMP:
<div>
<amp-img alt='image_title_here' src='image_url_here' width='xxx' layout='intrinsic' height='xxx'/>
</div>
Penulisan atribut width dan height bersifat wajib agar aspek rasio diketahui tanpa mengubah ukuran asli gambar.
Beberapa pilihan layout yang didukung antara lain: fill, fixed, fixed-height, flex-item, intrinsic, nodisplay, dan responsive. Layout yang paling umum digunakan adalah responsive dan intrinsic, selain lebih mudah, gambar yang ditampilkan juga menyesuaikan dengan ukuran layar.
Baca referensi lengkap tentang amp-img.
Pentingnya Menggunakan Tag <noscript>
Kegunaan dasar dari tag ini adalah untuk menampilkan konten apabila javascript dinonaktifkan pada browser pengguna.
Pada kasus Blogger, tag ini diperlukan untuk menampilkan gambar thumbnail artikel pada halaman beranda atau pada widget lainnya seperti PopularPosts atau FeaturedPost, contoh:
<div>
<amp-img alt='image_title_here' src='image_url_here' width='xxx' layout='intrinsic' height='xxx'/>
<noscript><img alt='image_title_here' src='image_url_here'/></noscript>
</div>
