Ukuran Gambar Thumbnail Template DetroAMP

Thumbnail atau gambar valid AMP untuk template DetroAMP, formatnya sama saja dengan cara penerapan postingan AMP pada umumnya. Hanya saja disini saya kembali mengingatkan kepada teman-teman sehingga tidak timbul lagi pertanyaan mengenai hal tersebut.

Selain itu, tujuan lain dari postingan ini adalah untuk memberikan panduan mengenai ukuran gambar agar tidak terpotong, terutama pada saat dibagikan ke sosial media, seperti facebook, twitter dan sebagainya.

Ukuran Gambar di atas Judul Postingan dan Kodenya

Khusus untuk gambar thumbnail di atas judul postingan, ukuran gambarnya minimal 700 x 366 piksel atau memiliki rasio 16:9.

Untuk formatnya sendiri, teman-teman hanya perlu menyisipkan kode di bawah kedalam editor HTML (bukan Compose).
<noscript><img alt="image caption" height="366" src="url-image" title="image title" width="700"/></noscript>

Gambar di Dalam Postingan

Untuk gambar di dalam isi postingan sendiri, ukurannya tidak harus 700 x 366 piksel seperti thumbnail di atas judul postingan. Atau dengan kata lain, teman-teman bebas memilih ukuran yang diinginkan.

Adapun untuk kode dan cara memasukkannya kedalam postingan, yaitu cukup menyalin kode di bawah ini dan menyisipkannya kedalam editor HTML (bukan Compose).
<amp-img alt="alt gambar" title="title gambar" src="url-gambar" layout="responsive" width="700" height="366"></amp-img>

Jika masih ada yang ingin ditanyakan tentang hal ini, silahkan meninggalkan komentar di bawah.
Reaksi: