Rahasia Ukuran Gambar Ideal Biar WordPress Makin Ngebut

Tahukah kamu, gambar yang tidak dioptimasi bisa bikin waktu loading website WordPress-mu membengkak berkali-kali lipat? Padahal pengunjung hanya memberimu waktu beberapa detik sebelum akhirnya kabur ke website lain. Kalau kamu masih upload gambar asal besar tanpa memperhatikan ukurannya, jangan heran kalau bounce rate tinggi dan peringkat SEO susah naik. Saatnya pahami ukuran gambar WordPress yang benar-benar ideal. 

Kenapa Ukuran Gambar Penting untuk Performa Website?

Jika website kamu sudah memakai hosting yang bagus untuk WordPress-mu, tetapi halaman masih terasa berat ketika dibuka? Coba periksa gambar yang digunakan.

Ukuran gambar yang tidak optimal adalah salah satu penyebab utama website WordPress lambat. File gambar beresolusi tinggi bisa memiliki ukuran beberapa megabyte. Jika dalam satu halaman terdapat banyak gambar seperti itu, browser harus mengunduh data yang jauh lebih besar sebelum halaman tampil sepenuhnya.

Dampaknya bukan cuma terasa oleh pengunjung. Kecepatan halaman juga berkaitan dengan pengalaman pengguna dan metrik seperti Core Web Vitals, yang menjadi bagian dari berbagai sinyal yang digunakan Google dalam sistem pencariannya.

Baca Juga: Wajib Cek! Ukuran Feed Baru Instagram, TikTok, dan Facebook

Masalah yang sering terjadi sebenarnya sederhana: gambar diunggah dalam ukuran 3000-4000 px, padahal area tampil di website hanya sekitar 800-1200 px.

Jadi, jangan langsung berpikir bahwa gambar dengan resolusi paling tinggi pasti paling bagus. Untuk website, yang dicari adalah keseimbangan antara kualitas visual dan efisiensi file.

Ukuran Gambar Default di WordPress, Apa Saja?

Saat kamu mengunggah sebuah gambar ke WordPress, sistem tidak hanya menyimpan file original. WordPress secara otomatis membuat beberapa versi dengan ukuran berbeda. Tujuannya agar kamu bisa menggunakan gambar sesuai kebutuhan tanpa selalu memakai file beresolusi penuh.

Berikut ukuran gambar default di WordPress yang umum digunakan:

Jenis gambar	Ukuran default	Kegunaan
Thumbnail	150 × 150 px	Preview kecil, galeri, atau daftar konten
Medium	Maks. 300 × 300 px	Gambar berukuran sedang dalam konten
Large	Maks. 1024 × 1024 px	Gambar lebih besar dalam artikel
Full/Original	Ukuran asli	File original yang diunggah

Ukuran tersebut bukan aturan yang tidak bisa diubah. Kamu bisa menyesuaikannya melalui Settings > Media di dashboard WordPress. Dari sana, ukuran thumbnail, medium, dan large dapat disesuaikan dengan kebutuhan website.

Baca Juga: Download File Canva Lewat Link, Ternyata Begini Caranya!

Fitur ini cukup membantu, terutama ketika satu gambar digunakan di beberapa tempat. Daripada memasukkan file original ke semua bagian website, WordPress dapat menggunakan versi yang lebih kecil.

Lalu, apakah berarti semakin banyak ukuran gambar semakin bagus? Belum tentu.

Tema dan plugin tertentu juga bisa membuat ukuran tambahan. Jika terlalu banyak ukuran yang sebenarnya tidak pernah digunakan, file turunannya bisa menumpuk dan menghabiskan storage server.

Ukuran Gambar Ideal untuk Setiap Kebutuhan

Sekilas, punya banyak versi gambar memang terlihat merepotkan. Namun, sebenarnya setiap ukuran punya fungsi.

Gambar untuk thumbnail tentu tidak perlu sebesar gambar hero section. Begitu juga logo tidak membutuhkan resolusi seperti foto banner.

Dengan ukuran yang tepat, website bisa lebih efisien karena browser tidak perlu mengunduh file yang jauh lebih besar daripada area tampilnya.

Featured Image: 1200 × 628 px

Untuk featured image artikel, ukuran sekitar 1200 × 628 px bisa menjadi pilihan praktis, terutama jika gambar juga akan dibagikan ke media sosial.

Lebar minimal 1200 px juga relevan jika kamu ingin gambar memenuhi persyaratan ukuran yang direkomendasikan Google untuk tampilan tertentu seperti Google Discover.

Namun, perlu diperhatikan bahwa WordPress sendiri tidak memiliki satu ukuran featured image yang berlaku untuk semua website. Tema yang digunakan bisa menentukan ukuran dan rasio featured image masing-masing.

Jadi, sebelum membuat template gambar secara massal, cek juga pengaturan tema yang digunakan.

Gambar dalam Konten: 1200 × 800 px atau 1200 × 628 px

Untuk gambar yang ditempatkan di artikel, 1200 × 800 px atau 1200 × 628 px bisa digunakan sebagai patokan awal.

Tetapi jangan terpaku pada angka tersebut. Kalau lebar area konten website hanya sekitar 800 px, mengunggah foto dengan lebar 3000 px lalu menampilkannya pada 800 px tentu kurang efisien.

Header atau Background: 1920 × 1080 px

Untuk hero section, header, atau background yang memenuhi layar, rasio 16:9 relatif fleksibel.

Contohnya:

• 1920 × 1080 px
• 1280 × 720 px
• 1152 × 648 px

Pilih berdasarkan kebutuhan desain. Untuk background full-width yang memang membutuhkan visual besar, 1920 × 1080 px bisa menjadi pilihan. Namun, jangan lupa kompres file sebelum digunakan.

Logo: Sekitar 250 × 100 px

Logo tidak harus mengikuti ukuran ini secara kaku karena setiap desain memiliki rasio berbeda.

Sebagai patokan, sekitar 250 × 100 px cukup untuk banyak kebutuhan header atau footer. Yang lebih penting adalah mempertahankan rasio logo dan memastikan tampilannya tetap tajam.

Thumbnail Galeri atau Produk: 150 × 150 px

Untuk preview kecil, 150 × 150 px dapat digunakan sebagai titik awal.

Ukuran ini cocok untuk daftar artikel, galeri, atau elemen lain yang memang hanya membutuhkan gambar dalam bentuk kecil.

Cara Mengubah dan Menyesuaikan Ukuran Gambar di WordPress

Kalau ukuran bawaan WordPress belum sesuai kebutuhan, kamu punya dua pendekatan: mengubah ukuran yang sudah tersedia atau membuat ukuran gambar kustom.

#1. Ubah dari Settings > Media

Ini pilihan paling sederhana dan tidak membutuhkan kode.

Masuk ke dashboard WordPress, kemudian buka:

Settings > Media

Di sana kamu dapat mengatur dimensi untuk thumbnail, medium, dan large sesuai kebutuhan.

Sebagai catatan, jangan asal mengatur ukuran menjadi 0 hanya karena ingin mengurangi jumlah file. Ukuran menengah tetap berguna agar WordPress bisa menyajikan gambar yang sesuai untuk berbagai perangkat.

#2. Buat Ukuran Gambar Kustom

Kalau website memiliki kebutuhan khusus, misalnya gambar card artikel, slider, pop-up, atau katalog produk, kamu mungkin membutuhkan ukuran gambar kustom.

Untuk pengguna yang cukup familiar dengan WordPress, ukuran tambahan dapat didaftarkan melalui functions.php menggunakan fungsi add_image_size().

Contohnya:

add_image_size( 'main-post-image', 800, 640 );

Angka pertama menunjukkan lebar dan angka kedua menunjukkan tinggi.

Jika gambar perlu dipotong secara otomatis agar benar-benar mengikuti dimensi tersebut, parameter cropping juga dapat digunakan.

Namun, untuk perubahan pada file tema, selalu lakukan backup terlebih dahulu. Kalau belum terbiasa mengedit kode, lebih aman mengujinya di staging site.

Trik Biar Ukuran Gambar Tidak Membebani Website

Menentukan ukuran saja belum cukup. File 1200 × 800 px tetap bisa berat jika kompresinya buruk.

Berikut beberapa langkah optimasi gambar yang praktis.

1. Upload sesuai kebutuhan

Jangan mengunggah foto 4000 px jika area tampilnya hanya 800 px. Tentukan kebutuhan tampilan terlebih dahulu.

2. Kompres sebelum upload

Kamu bisa menggunakan tool seperti TinyPNG atau plugin optimasi seperti Imagify untuk mengurangi ukuran file tanpa penurunan kualitas yang terlalu terlihat.

3. Gunakan WebP atau AVIF

Format modern seperti WebP dan AVIF umumnya menawarkan kompresi yang lebih efisien dibanding JPEG atau PNG pada kualitas visual yang sebanding. Untuk foto, JPEG masih praktis, sedangkan PNG berguna ketika membutuhkan transparansi.

4. Manfaatkan lazy loading

WordPress sudah menyediakan lazy loading untuk gambar secara native sejak versi 5.5. Dengan fitur ini, gambar yang belum berada di area tampilan tidak harus langsung dimuat ketika halaman pertama kali dibuka.

5. Pastikan responsive image bekerja

WordPress mendukung srcset, sehingga browser dapat memilih versi gambar yang lebih sesuai dengan ukuran dan kemampuan perangkat.

Kamu bisa mengeceknya dengan membuka halaman website, klik kanan pada gambar, pilih Inspect, lalu cari atribut srcset pada elemen <img>.

6. Gunakan CDN bila dibutuhkan

CDN dapat membantu mendistribusikan file gambar dari lokasi server yang lebih dekat dengan pengunjung. Ini semakin relevan jika website memiliki audiens dari berbagai wilayah.

7. Audit ukuran gambar yang tidak terpakai

Tema dan plugin dapat mendaftarkan ukuran gambar tambahan. Jika semuanya terus dibuat tanpa pernah digunakan, storage server bisa cepat penuh.

Sebelum menghapus atau menonaktifkan ukuran tertentu, pastikan dulu tidak ada bagian website yang bergantung pada ukuran tersebut. Backup juga sebaiknya dilakukan sebelum perubahan besar.

Kesimpulan

Memahami ukuran gambar untuk WordPress adalah langkah sederhana yang bisa berdampak langsung pada performa website. Mulai dari thumbnail 150 × 150 px, featured image sekitar 1200 × 628 px, hingga header 1920 × 1080 px, setiap gambar sebaiknya dibuat berdasarkan fungsi dan area tampilnya.

Setelah itu, lengkapi dengan kompresi, format modern seperti WebP, lazy loading, responsive images, dan CDN. Dengan kombinasi tersebut, kualitas visual tetap terjaga tanpa membuat halaman membawa beban file yang tidak perlu.

Kalau website kamu digunakan untuk membangun personal brand, faktor hosting juga tidak boleh diabaikan. Hosting untuk WordPress dari IDwebhost bisa menjadi bagian dari fondasi website agar pengelolaan konten, gambar, dan kebutuhan website WordPress berjalan lebih nyaman. 

Dengan fondasi hosting yang sesuai, kamu bisa lebih fokus mengembangkan konten dan personal brand tanpa terus berhadapan dengan masalah teknis performa.