Apakah gambar di situs Anda terlihat buram atau berkualitas rendah? Panduan ini membahas beberapa penyebab paling umum gambar buram di situs WordPress dan cara mengatasinya.
Gambar akan terlihat buram jika ukurannya terlalu kecil dibandingkan ruang tampilnya. Meskipun tidak ada ukuran gambar yang secara khusus disarankan, Anda dapat melihat panduan optimasi gambar untuk mempelajari cara memastikan ukuran gambar cukup besar untuk ditampilkan dengan kualitas baik pada situs tanpa memperlambat kecepatan situs.
Jika gambar tampak buram, unggah berkas gambar yang berukuran lebih besar dan berkualitas tinggi, lalu periksa apakah tampilannya jadi lebih baik.
💡
Uukuran berkas gambar berkualitas tinggi dapat diperkecil, tetapi ukuran berkas gambar berkualitas rendah tidak dapat diperbesar agar hasilnya baik.
Jika mengunggah gambar yang lebih besar dan lebih jelas masih tetap tidak meningkatkan kualitas tampilan gambar di situs aktif, mungkin ada masalah lain seperti yang tercantum di bawah ini.
Jika koneksi internet Anda sangat lambat, gambar mungkin terunduh dengan kualitas yang lebih rendah, sehingga tampilannya jadi buram. Coba muat situs Anda dengan koneksi berbeda yang lebih cepat untuk memeriksa apakah gambar terlihat lebih baik.
Bagian panduan ini berlaku untuk situs dengan paket WordPress.com Bisnis dan Commerce, serta paket Pro lawas. Jika Anda menggunakan paket Bisnis, pastikan untuk mengaktifkannya. Untuk situs yang menggunakan paket Gratis, Personal, dan Premium, upgrade paket Anda untuk mengakses fitur ini.
Semua situs WordPress.com memiliki akses ke Jetpack, yang menyediakan banyak fitur untuk mengelola keamanan, pertumbuhan, dan performa. Situs dengan paket yang mengaktifkan plugin mendapat manfaat dari beberapa fitur tambahan Jetpack, termasuk Jaringan Pendistribusian Konten (CDN) yang digunakan untuk mempercepat waktu pemuatan situs. CDN adalah rekomendasi populer untuk mempercepat situs dan meningkatkan pengalaman pengguna bagi pengunjung Anda.
Dalam CDN, Jetpack secara otomatis mengompresi gambar yang diunggah ke CDN untuk memastikan gambar dimuat dengan cepat. Pada umumnya, ini adalah hal positif karena gambar dapat diperkecil secara signifikan tanpa mengurangi kualitas tampilannya. Namun, terkadang hal ini dapat menyebabkan gambar jadi buram atau berkualitas rendah, sering kali karena plugin lain yang terpasang atau konflik dengan tema pihak ketiga.
Pada situs yang mengaktifkan plugin, ikuti langkah-langkah berikut untuk menguji apakah CDN menyebabkan gambar situs tampil dengan kualitas rendah:
- Buka dasbor situs.
- Buka Jetpack → Pengaturan.
- Klik tab berlabel “Performa”.
- Gulir ke bawah hingga menemukan bagian “Performa dan kecepatan“.
- Nonaktifkan toggle “Tingkatkan kecepatan muat gambar”.
Jika ingin mengetahui pilihan pengembang tingkat lanjut untuk CDN, lihat panduan tentang pengelolaan fitur CDN Jetpack menggunakan hook.
Kami melakukan berbagai upaya untuk memastikan pengalaman yang lancar dengan gambar Anda saat mengganti tema WordPress.com. Namun, beberapa tema pihak ketiga tidak memiliki pengaturan serupa, yang dapat memengaruhi tampilan gambar ketika tema ini mulai atau berhenti digunakan.
Jika Anda baru saja mengganti tema situs dan menyadari bahwa semua gambar yang diunggah pada tema baru terlihat jelas, tetapi gambar lama yang diunggah pada tema sebelumnya terlihat buram, Anda dapat mengunggah ulang gambar lama tersebut pada tema baru agar ditampilkan dengan jelas.
Jika Anda menggunakan situs yang mengaktifkan plugin, Anda dapat membuat ulang thumbnail yang buram menggunakan plugin pembuatan ulang gambar atau, jika Anda pengembang, menggunakan WP-CLI. Dengan metode ini, Anda tidak perlu mengunggah lagi semua gambar lama secara manual.
Terkadang, memasang plugin baru di situs dapat menyebabkan gambar tampak buram. Memperbarui plugin yang sudah terpasang juga dapat menimbulkan konflik yang mungkin memengaruhi gambar.
Coba nonaktifkan plugin untuk memeriksa apakah kualitas gambar meningkat. Anda mungkin juga perlu memulihkan cadangan sebelum memasang plugin untuk mengembalikan gambar ke kondisi semula.
Untuk instruksi lengkap mengenai cara mengatasi masalah plugin, lihat panduan penyelesaian masalah dengan plugin.
Dukungan 