Apa Itu dan Bagaimana Mengubahnya

Foto berkualitas tinggi dapat membuat situs web Anda menonjol. Namun, penting untuk menggunakan ukuran gambar WordPress yang benar. ️ Jika tidak, Anda mungkin akan mendapatkan visual yang buram atau waktu pemuatan lambat.

Untungnya, WordPress memungkinkan Anda untuk menyesuaikan dimensi gambar Anda. Dengan cara ini, Anda dapat memilih ukuran yang sesuai untuk penggunaan yang berbeda dan memastikan bahwa foto Anda terlihat bagus di bagian depan.

Dalam posting ini, kita akan melihat di ukuran gambar WordPress default dan diskusikan pentingnya mengoptimalkan foto Anda. Kemudian, kami akan menunjukkan kepada Anda tiga cara untuk mengonfigurasi ukuran gambar Andatermasuk membuat ukuran gambar WordPress kustom Anda sendiri.

Mari kita mulai!

Ukuran gambar yang berbeda di WordPress (dan kapan menggunakannya)

Saat Anda mengunggah foto ke situs Anda, WordPress secara otomatis menghasilkan beberapa versi menggunakan dimensi yang berbeda. Ukuran gambar WordPress default adalah:

Gambar kecil: 150px persegiSedang: Lebar dan tinggi maksimum 300pxBesar: Lebar dan tinggi maksimum 1024pxUkuran Penuh: Ukuran asli gambar Anda

Thumbnail biasanya digunakan di feed blog. Itu adalah gambar fitur kecil yang Anda lihat di atas atau di samping judul posting:

Sementara itu, Anda dapat menggunakan foto berukuran sedang dan besar di postingan blog. Jika Anda menampilkan galeri gambar, Anda dapat memilih grafik berukuran sedang. Dengan cara ini, Anda dapat menampilkan sekelompok gambar tanpa membuatnya terlalu kecil:

Namun, jika Anda ingin menampilkan gambar dengan lebar penuh atau berkualitas tinggi, Anda dapat memilih Large atau Full Size untuk foto yang lebih jelas. Misalnya, jika Anda memiliki blog perjalanan atau portofolio fotografiAnda mungkin ingin menggunakan ukuran yang lebih besar untuk menyorot detail pada gambar Anda.

Saat Anda membuat konten dengan Editor Blok WordPress, Anda dapat mengunggah gambar dan menyesuaikan tampilannya. Dengan memilih foto, Anda dapat melihat ukuran dan dimensinya. Anda juga dapat mengubah nilai ini jika diperlukan:

Perhatikan bahwa tema WordPress Anda mungkin menawarkan ukuran gambar tambahan. Misalnya, Anda mungkin memiliki akses ke gambar mini dengan dimensi berbeda.

Demikian pula, beberapa plugin juga akan menambahkan ukuran gambarnya sendiri.

Jika Anda menginginkan lebih banyak fleksibilitas, Anda juga dapat membuat ukuran gambar WordPress kustom Anda sendiri, yang akan kami bahas di bawah ini.

Pentingnya ukuran gambar untuk pengoptimalan kinerja

Dengan memilih ukuran gambar yang optimal untuk setiap kasus penggunaan tertentu, Anda dapat kurangi ukuran file gambar Anda.

Dengan mengurangi ukurannya, Anda bisa percepat situs Anda.

Namun, saat menggunakan ukuran gambar yang berbeda adalah salah satu taktik pengoptimalan gambar yang cerdas, Anda juga harus menerapkan taktik lainseperti kompresi gambar dan format file yang dioptimalkan seperti WebP.

Untuk cara termudah menerapkan semua strategi ini, Anda dapat menginstal plugin pengoptimalan gambar seperti Optimole:

Plugin ini akan secara otomatis memampatkan gambar apa pun yang Anda unggah ke WordPress, sambil juga mengoptimalkan formatnya dan menyajikannya dari jaringan pengiriman konten (CDN).

Untuk beberapa opsi berguna lainnya, Anda dapat melihat koleksi lengkap kami of plugin WordPress pengoptimal gambar terbaik atau alat pengoptimal gambar terbaik.

Cara mengkonfigurasi ukuran gambar WordPress (3 cara)

Menggunakan dimensi foto yang sesuai dapat membantu meningkatkan waktu muat halaman Anda. Hal ini juga dapat memastikan bahwa visual Anda terlihat tajam dan jelas di ujung depan. Tanpa gambar yang buram atau berat, Anda dapat meningkatkan kemungkinan pengunjung online Anda mendapatkan pengalaman positif di situs web Anda.

Meskipun mengoptimalkan gambar dapat memiliki banyak manfaat, Anda mungkin tidak tahu bagaimana melakukannya. Untungnya, ada banyak metode yang dapat Anda gunakan untuk mengonfigurasi ukuran gambar WordPress Anda. Inilah tiga di antaranya!

Ubah ukuran gambar defaultTambahkan dimensi gambar khususSesuaikan gambar di Editor Blok

1. Ubah ukuran gambar default

Seperti yang kami sebutkan sebelumnya, WordPress menghasilkan ukuran yang berbeda untuk setiap gambar yang Anda unggah ke situs Anda. Namun, Anda mungkin ingin mengubah dimensi ini agar lebih sesuai dengan kebutuhan Anda. Dengan cara ini, Anda tidak perlu memotong atau memodifikasi setiap gambar saat Anda mengunggahnya ke postingan atau halaman Anda.

Untuk memulai, navigasikan ke Pengaturan > Media di dasbor WordPress Anda:

Di sini, Anda akan melihat dimensi default untuk setiap versi gambar Anda. Untuk mengubah ukuran ini, cukup masukkan dimensi Anda di Lebar dan Tinggi bidang.

Misalnya, Anda mungkin ingin membuat thumbnail yang lebih kecil dari gambar Anda. Yang perlu Anda lakukan hanyalah pergi ke ukuran thumbnail bagian dan ubah nilainya:

Namun, penting untuk perhatikan bahwa tema Anda saat ini memiliki ukuran gambar tertentu. Jika Anda memasang tema baru, kemungkinan akan menimpa perubahan apa pun yang dibuat pada Pengaturan Media.

Ini bisa menjadi masalah ketika Anda memiliki thumbnail lama di situs web Anda. Meskipun gambar baru akan disesuaikan dengan tema baru, ukuran gambar mini sebelumnya akan ketinggalan zaman.

Untuk memperbarui semua gambar yang ada ke tema baru, Anda dapat buat ulang thumbnail Anda. Menggunakan plugin seperti reGenerate Thumbnails Advanced, Anda dapat memperbaiki semua ukuran gambar sekaligus:

Pertama, menuju ke Plugin > Tambah baru dan cari pluginnya. Setelah menemukan reGenerate Thumbnails Advanced, instal dan aktifkan:

Kemudian, navigasikan ke Peralatan > Buat Ulang Gambar Kecil. Ini akan membawa Anda ke halaman pengaturan plugin:

Anda dapat memilih gambar yang ingin Anda buat ulang di sisi kanan. Jika perlu, Anda juga dapat menambahkan ukuran gambar khusus:

Plugin ini juga memungkinkan Anda untuk membersihkan Media Library dan menghapus thumbnail lama. Di bawah Opsi Lanjutancukup centang kotak di sebelah Hapus Gambar Mini yang Tidak Dipilih. Setelah Anda membuat ulang gambar Anda, thumbnail ini akan dihapus:

Ketika Anda selesai menyesuaikan pengaturan ini, klik pada Diperbarui tombol. Ini akan mengubah ukuran thumbnail lama Anda untuk memenuhi pengaturan tema baru Anda!

2. Tambahkan dimensi gambar khusus

Seperti yang telah kita lihat, WordPress menghasilkan dimensi berbeda untuk gambar Anda yang dapat Anda sesuaikan sesuai kebutuhan. Namun, Anda mungkin ingin menambahkan lebih banyak opsi default sehingga Anda tidak perlu menyesuaikan foto satu per satu.

Untungnya, Anda dapat menggunakan plugin seperti Regenerasi Gambar & Pilih Pangkas untuk menambahkan ukuran gambar khusus baru ke situs Anda:

Setelah Anda menginstal dan mengaktifkan plugin, navigasikan ke Regenerasi Gambar & Pilih Pangkas > Ukuran tambahan. Dalam Tentukan Ukuran Gambar Kustom tab, masukkan nama untuk ukuran gambar baru Anda dan atur dimensi pilihan Anda di Lebar Maks dan Tinggi maksimal bidang:

Anda juga dapat memilih untuk memotong gambar Anda ke dimensi yang tepat. Saat Anda siap, klik Simpan perubahan.

Lalu, pergilah ke Regenerasi Gambar & Pilih Pangkas > Pengaturan Umumtemukan ukuran gambar kustom baru yang baru saja Anda buat, dan klik pada Diperbarui tombol:

Ini akan membuat salinan gambar Anda dalam dimensi tersebut. Anda dapat membuat ukuran sebanyak yang Anda inginkan. Namun, kami menyarankan Anda hanya melakukan ini jika benar-benar diperlukan. Dimensi gambar khusus ini akan memakan tempat di . Anda penyimpanan serveryang dapat berdampak negatif kinerja situs Anda.

Untuk menghapus ukuran khusus, buka Pengaturan → Media dan temukan opsi yang ingin Anda hapus. Kemudian, hapus teks dari Nama Ukuran Gambar bidang dan klik Simpan perubahan:

Bagaimana cara menambahkan ukuran gambar khusus dengan kode

Atau, Anda dapat menambahkan ukuran gambar khusus dengan menambahkan kode ke file functions.php dari tema anak Anda atau plugin gratis seperti Cuplikan Kode. Namun, sebelum Anda melakukan ini, pastikan untuk buat cadangan situs web Anda.

Kemudian, cari kode ini di file functions.php:

add_theme_support( ‘post-thumbnail’ );

Jika Anda tidak menemukannya, rekatkan kode dan simpan file. Ini akan memperbarui tema Anda untuk mendukung ukuran gambar khusus.

Di file yang sama, cari string add_image_size. Anda dapat mengeditnya untuk menyertakan ukuran khusus Anda:

add_image_size( ‘ukuran-gambar-kustom-saya’, 800, 640 );

Pastikan untuk mengganti my-custom-image-size dengan pengenal yang lebih deskriptif, seperti post-thumbnail-size. Kemudian, edit nilai angka dengan tinggi dan lebar yang Anda inginkan. Terakhir, simpan file functions.php dari tema anak Anda.

3. Sesuaikan gambar di Editor Blok

Anda mungkin juga ingin menyesuaikan ukuran gambar WordPress berdasarkan kasus per kasus. Daripada mengandalkan pengaturan default, Anda dapat mengedit gambar individual di Editor Blok WordPress.

Untuk membuka Editor Blok, cukup tambahkan posting atau halaman baru. Kemudian, klik pada + ikon dan sisipkan Gambar memblokir:

Sekarang Anda dapat mengunggah gambar atau memilih salah satu dari Perpustakaan Media. Atau, Anda dapat menyisipkan gambar dari URL:

Jika Anda memilih gambar dari Perpustakaan Media, Anda dapat mengubah ukurannya saat diunggah. Untuk melakukannya, klik Edit Gambar di bawah Detail Lampiran:

Di editor gambar, temukan Skala Gambar pilihan. Di sini, Anda dapat memasukkan dimensi baru untuk gambar:

Untuk menampilkan bagian gambar yang lebih kecil, Anda juga dapat memotongnya. Ingatlah bahwa sering kali lebih baik untuk menskalakan gambar terlebih dahulu untuk menghindari penurunan kualitas.

Tanpa meninggalkan editor gambar, klik pada Tanaman tombol. Selanjutnya, pindahkan kotak pilihan untuk mengedit apa pun yang tidak Anda inginkan dalam gambar:

Untuk menyelesaikan pemotongan gambar, pilih Tanaman lagi. Setelah Anda menyimpan versi baru yang dipotong ini, Anda dapat mengunggahnya ke pos atau halaman.

Anda juga dapat mengubah ukuran gambar menggunakan Editor Blok. Setelah mengunggah gambar ke pos, Anda akan melihat lingkaran kecil di tepinya, yang dapat dengan mudah Anda seret ke dalam atau ke luar:

Namun, ini bukan satu-satunya pilihan Anda. Di Pengaturan Blok, temukan Ukuran gambar bagian. Menggunakan menu tarik-turun, Anda dapat mengubah ukurannya menjadi Sedang, Besar, Ukuran Penuhatau gambar mini:

Anda dapat mengedit dimensi gambar jika Anda ingin memasukkan ukuran yang lebih tepat. Dibawah Dimensi Gambarcukup ubah nilai tinggi dan lebar yang telah ditentukan sebelumnya:

Setelah Anda membuat perubahan, Anda akan melihat WordPress mengubah ukuran gambar untuk Anda. Untuk memastikan ukurannya tepat, Anda dapat melihat pratinjau kiriman dan memeriksa kualitas gambar. Ingatlah untuk Menyimpan jika Anda puas dengan hasilnya.

Kesimpulan

Menggunakan ukuran gambar yang tepat di WordPress dapat membantu mencegah waktu pemuatan yang lambat. Selain itu, ini dapat memastikan bahwa foto Anda terlihat jelas dan menarik secara visual di semua perangkat. Untungnya, WordPress membuatnya sangat mudah untuk menyesuaikan gambar Anda.

Dalam posting ini, kami melihat tiga cara utama untuk mengonfigurasi ukuran gambar di WordPress:

Ubah ukuran gambar default. Tambahkan dimensi gambar khusus. Sesuaikan gambar di Editor Blok.

Namun, ingatlah bahwa menggunakan ukuran gambar yang tepat ️ hanyalah setengah dari perjuangan dalam hal kinerja. Ke sepenuhnya mengoptimalkan gambar WordPress AndaAnda dapat menggunakan plugin gratis seperti Optimol.

Apakah Anda memiliki pertanyaan tentang penggunaan ukuran gambar WordPress yang berbeda? Beri tahu kami di bagian komentar di bawah!

Panduan gratis

5 Tips Penting untuk Mempercepat
Situs WordPress Anda

Kurangi waktu pemuatan Anda bahkan hingga 50-80%
hanya dengan mengikuti tips sederhana.

Sumber Artikel