Memampatkan Gambar atau Thumbnail Blog


Memampatkan dalam KBBI bisa disebut memadatkan. Namun, dalam ranah blogger disini maksudnya mengurangi jumlah bit pada gambar. Jadi, dapat disimpulkan bahwa gambar posting atau pada thumbnail harus dimampatkan.

Sebenernya, pembahasan ini sudah dibahas di blog saya lama, Kang Ilham Blog. Cek disini

Apabila Anda telah memahami posting blog Kang Ilham tersebut, tentunya Anda paham terhadap judul yang saya maksud kali ini. Lalu, mengapa saya bahas lagi? Karena, permasalahan ini dapat mempengaruhi kecepatan blog Anda, serta dapat mengungurangi skor page speed blog Anda. Tutorial ini dapat diterapkan pada blog AMP maupun Non-AMP, tidak perlu risau hehe 😂


Kemudian, langsung pada penjelasan singkat memampatkan gambar atau thumbnail blog dari Fajrin.web.Id


Perhatikan dimensions width height, itu merupakan ukuran yang harus diterapkan pada HTML dan CSS.

HTML Gambar atau Thumbnail

<img alt="Images" width="452" height="1008" src="https://URL-Gambar-Anda.png" title="Deskripsi Gambar Anda"></img>

CSS Gambar atau Thumbnail

background: #fdfdfd;
height: auto;
max-width: 100%;
margin: 0;
padding: 0;

*) Ubahlah ukuran width dan height gambar sesuai dengan ukuran aslinya

Bagaimana? Anda mengalami kesulitan? Silakan komentar di bawah. Terima kasih.

Comments and Reactions

Comment Policy: Saya sangat menerima komentar yang relevan dari Anda. Dengan hormat, diskusi hangat dari Anda, saya nantikan. Saya harap Anda sudah membaca kebijakan komentar secara lengkap.