Saat berganti template pada blog sedikit banyak ada yang berubah pada kegiatan blog saya. Salah satunya adalah cara memasukkan gambar ke dalam artikel. Biasanya, gambar yang saya masukkan ke dalam blog ukurannya sudah saya kompres supaya tidak memberati loading blog. Saya biasa memperkecil ukurannya dengan cara mengirimnya lewat WhatsApp.
Meskipun ukurannya sudah kecil, namun gambar yang dikirim lewat WhatsApp biasanya resolusinya tetap lumayan besar. Maka saya pun kadang memperkecilnya sekali lagi saat mengatur gambar yang telah diupload ke dalam artikel.
Ada pilihan ukuran gambar di blogger yaitu kecil, sedang, besar, sangat besar, dan ukuran asli. Biasanya saya memilih ukuran besar atau sangat besar untuk ditampilkan di blog. Karena menurut saya ukurannya lebih pas untuk dilihat di tampilan dekstop. Untuk dilihat di tampilan mobile, blog ini sudah menggunakan template responsif, jadi ukuran gambar akan menyesuaikan secara otomatis.
Saat beralih menggunakan template dari Way2Themes saya mendapati ada yang salah dengan tampilan gambar di blog saya. Awalnya saat dilihat di layar komputer tak ada masalah. Namun ketika dilihat di tampilan mobile di HP, gambarnya melar ke bawah atau stretching. Untuk ukuran sebuah foto gambarnya pun menjadi tidak proporsional.
Di antara berbagai foto dari beberapa artikel lama, saya lihat ada gambar yang mengalami pemelaran, namun ada juga yang tidak memelar. Saya pun mencoba mencari perbedaan dari berbagai gambar tersebut.
Rupanya perbedaannya terletak pada pengaturan ukuran gambar saat memposting artikel. Untuk mengatasi agar ukuran gambar tidak melar langkahnya sebagai berikut:
Cara Mengatasi Gambar Artikel di Blog yang Melar ke Bawah
Buka postingan
Masukkan gambar
Klik gambar sampai muncul menu pengaturan
Klik icon pengaturan/ubah
Pilih ukuran asli
Klik Perbarui
Terakhir klik Publikasikan pada artikel.
Dengan cara tersebut maka ukuran gambar akan menyesuaikan secara otomatis dengan perangkat yang digunakan pembaca. Masalah foto yang melar pun bisa diatasi.
Cara di atas bagus dilakukan untuk artikel yang baru dipublish, sehingga bisa langsung dipraktekkan. Hanya saja cukup melelahkan jika harus mengedit banyak artikel lama. Sayang saya tidak tahu cara lebih praktisnya.
Masalah ukuran foto bisa menjadi kecil ataupun besar tergantung sudut pandang. Saya pribadi tidak mengedit gambar-gambar lama yang ada di blog ini. Merepotkan. Lagi pula kebanyakan gambar di blog ini adalah tangkapan layar untuk tutorial. Melar sedikit tidak masalah, yang penting maksudnya tersampaikan. Selain itu, tidak semua gambar melar, cuma gambar tertentu saja. Hanya saja untuk memaksimalkan gambar di artikel baru, saya praktekkan cara di atas. Semoga bermanfaat.
16 Comments
ternyata mudah banget ya... cuma ngembaliin ke ukuran asli doank...
ReplyDeleteIya, ngerjainnya mudah. Yang susah itu kalo ngga tahu caranya.
DeleteTerima kasih infonya, mbak.. Seneng banget kalo lihat perempuan melek teknologi, karena saya sendiri termasuk gaptek.. Hehehehe
ReplyDeleteSaya juga ngerti sedikit doang, Mba. Tapi saya suka menulisnya di blog.
DeleteWsh ...., takut gsnti tamplet ah. Takut postingan lama eror. Terima kasih telah berbagi, ananda Nisa.
ReplyDeleteJangan takut, Bu. Sambil belajar dari kesalahan.
Deletesaya biasanya pakai editing foto....
ReplyDeleteThank you telah berbagi.... nambah pengetahuan
Saya coba pakai aplikasi yang sederhana aja.
DeleteHah ternyata gampang banget yah,,, saya blum pernah otak atik sihhh,,, mklim blog pemula
ReplyDeleteSemuo orang juga awalnya pemula. Sama-sama belajar 😊
DeleteNaaah sring nih mba aku temuin masalah begini kalo main ke blog temen2 trutama yg pale blogspot. Gambarnya blur dan melar. Hrs diklik, baru gambarnya JD bagus. Ternyata hrs pilih settingan ukuran asli yaaa. Noted ;). Jadi tau hrs gimana ntr
ReplyDeleteIya, kadang yang punya juga ngga nyadar lho. Apalagi tampilannya tetap bagus pas di dekstop.
DeleteOh cuma diubah ke ukuran asli maka gambar yang melar pun bisa bagus lagi ya, makasih infonya Bu guru
ReplyDeleteIya, mudah banget sebenarnya.
DeleteMudah banget, makasih infonya, di artikel (dashboard) memang nggak rapi (gambar kebesaran kalau pilih ukuran asli) tapi pas publish rapi. Makasih lagi buat proyek landing page di Rajabacklink.com soalnya.
ReplyDeleteTerbaik deh pokoke, bingung ngedit2 di html, ternyata caranya simpel gini, makasih banyak inponya sangat bermanfaat :D
ReplyDeleteSilakan tingggalkan tanggapan dan pendapatmu pada kolom komentar