Panduan/Pembuatan konten/Media/Mengoptimalkan Gambar Anda

Mengoptimalkan Gambar Anda

Demi memberikan pengalaman terbaik bagi pengunjung situs, pastikan gambar situs Anda dimuat dengan cepat. Panduan ini menunjukkan cara mengoptimalkan gambar dengan mengurangi ukuran berkas dengan tetap mempertahankan kualitas gambar.

Ukuran Gambar yang Disarankan

Situs WordPress dapat memiliki sejumlah tema, tata letak, dan faktor lain yang menentukan ukuran gambar yang disarankan. Oleh karena itu, tidak ada pendekatan yang sesuai untuk semua ukuran yang kami rekomendasikan di sini. Secara umum, Anda dapat mengatur ukuran gambar sebesar yang dibutuhkan tetapi tetap berkualitas.

Kamera digital dan ponsel cerdas modern menangkap gambar berkualitas tinggi dengan ukuran berkas yang besar. Saat menampilkan gambar di situs, Anda dapat mengurangi ukuran berkas hingga 50% atau lebih dan mempertahankan kualitasnya untuk pengunjung.

Anda dapat memeriksa ukuran dan dimensi berkas dari panel Edit Gambar di Pustaka Media dengan mengikuti langkah-langkah berikut:

  1. Buka Pustaka Media di dasbor situs.
  2. Klik thumbnail gambar yang ingin Anda periksa ukuran dan dimensi berkasnya.
  3. Anda akan melihat garis batas di sekeliling thumbnail dan angka di pojok kanan bawah.
  4. Klik tombol Edit.
  5. Anda akan melihat ukuran dan dimensi berkas pada panel Edit.
Tangkapan layar panel Edit Gambar yang menunjukkan ukuran berkas, dimensi, dan detail gambar lainnya.

Lihat gambar di situs Anda. Apakah gambar berkualitas tinggi tetapi lambat dimuat? Misalnya, jika lebarnya 5000px, coba kurangi hingga 2500px. Jika masih terlihat bagus, coba kurangi ukuran gambar lebih lanjut, hingga 2000px atau 1800px, sampai Anda menemukan ukuran dan kualitas gambar yang sesuai.

Bagian panduan berikut ini akan menunjukkan cara mengurangi ukuran gambar dengan berbagai alat.

Mengurangi Ukuran Gambar Dengan Perangkat Lunak Gratis

Ada banyak metode yang dapat Anda gunakan untuk mengubah ukuran gambar. Di bagian berikut, kami membahas aneka alat yang ada di komputer Anda, program online, dan perangkat lunak yang lebih canggih.

Windows

Di komputer Windows, Anda dapat menggunakan Microsoft Paint. Buka gambar Anda dengan program tersebut, lalu klik Ubah ukuran di bagian atas jendela Paint. Anda dapat memperkecil gambar berdasarkan persentase dan menyimpan versi baru yang lebih kecil.

Mac

Di komputer Mac, Anda dapat menggunakan aplikasi yang disebut Preview. Buka gambar Anda dengan aplikasi tersebut, klik Alat, lalu “Sesuaikan ukuran“.

Alat Online

Jika Anda mencari cara cepat untuk memperkecil gambar, coba gunakan salah satu alat online gratis, seperti:

Layanan ini memungkinkan Anda mengunggah gambar, memilih ukuran berbeda, dan mengekspor versi barunya. Harap perhatikan bahwa layanan ini tidak berafiliasi dengan WordPress.com.

Aplikasi Seluler Jetpack

Jika Anda memposkan gambar ke situs menggunakan Aplikasi Jetpack, aplikasi dapat mengoptimalkan gambar. Secara default, pilihan “Optimalkan Gambar” diaktifkan. Anda dapat mengatur “Ukuran Unggahan Gambar Maksimum” sehingga berkas asli akan diubah ukurannya secara otomatis saat diunggah.

Di aplikasi Jetpack untuk iPhone dan aplikasi Jetpack untuk Android, jika ingin menyesuaikan pengaturan ini, ikuti langkah-langkah berikut:

  1. Login ke aplikasi Jetpack di ponsel Anda.
  2. Klik ikon profil Anda di kanan bawah.
  3. Klik “Pengaturan Aplikasi“.

Anda dapat menonaktifkan “Optimalkan Gambar” (tidak disarankan) atau menyesuaikan “Ukuran Unggahan Gambar Maksimum“. Secara default, pengaturannya adalah 2000 x 2000px.

Pengaturan Ukuran Unggahan Gambar Maksimum disorot.
Pengaturan iOS
Pengaturan Optimalkan Gambar diaktifkan.
Pengaturan Android

Editor Gambar GIMP

Jika ingin lebih fleksibel dalam mengoptimalkan gambar, Anda dapat memperkecil gambar menggunakan GNU Image Manipulation Program (GIMP), alternatif gratis dari Photoshop yang dapat diinstal pada Windows, Mac, Linux, dan sistem operasi lainnya.

Untuk memperkecil gambar menggunakan GIMP:

  1. Buka gambar di GIMP.
  2. Klik Gambar pada bilah peralatan, lalu pilih “Ubah Ukuran Gambar“.
  3. Pada ukuran gambar, ubah nilai lebar ke ukuran yang Anda inginkan.
  4. Klik Ubah Ukuran.
  5. Pilih Berkas pada bilah peralatan. Lalu pilih “Ekspor Sebagai“.
  6. Beri nama berkas Anda dengan akhiran “.jpg”.
  7. Pilih Ekspor.
  8. Pada kotak dialog yang terbuka, ubah Kualitas jadi 60 (atau tingkatan yang Anda inginkan).
  9. Klik Pilihan Lanjutan.
  10. Ubah Subsampling menjadi 4:2:0 (chroma quartered).
  11. Klik Ekspor.

Berikut ini perbandingan hasilnya. Gunakan slider untuk melihat setiap gambar secara penuh:

The left image has a file size of 1,072KB. The right image has a file size of just 384KB, yet there is no noticeable loss of quality!

Perangkat Lunak Pengeditan Gambar Lainnya

Perangkat lunak pengeditan gambar lainnya mungkin dilengkapi dengan pilihan yang sederhana untuk mengubah ukuran dan mengompresi sekumpulan foto dengan cepat:

Ada pula layanan berbasis web yang dapat Anda gunakan:

Situs yang Mendukung Plugin

Jika paket WordPress.com mendukung plugin, Anda dapat memanfaatkan Akselerator Situs Jetpack (CDN) bawaan untuk mempercepat waktu pemuatan gambar secara otomatis.

  1. Buka dasbor situs.
  2. Buka Jetpack → Pengaturan.
  3. Klik tab berlabel “Performa”.
  4. Gulir ke bawah sampai ke bagian bernama “Performa & kecepatan.”
Bagian "Performa & kecepatan" pada pengaturan Performa Jetpack.
Akselerator Situs

Layar Retina

Layar Retina memiliki kerapatan piksel yang jauh lebih tinggi dibandingkan layar biasa, yang dapat membuat gambar dengan kerapatan piksel biasa tampak buram. Untuk mencegahnya, pada layar Retina kita mesti menyediakan gambar berukuran dua kali lipat agar dapat ditampilkan dengan ketajaman maksimal. Hasil ini hanya bisa dicapai jika gambar di Pustaka Media Anda lebih besar daripada ukuran di situs.

Meski ukurannya dua kali lipat, ukuran tampilan maksimum sebuah berkas gambar pada situs Anda tetap saja jauh lebih kecil daripada resolusi penuh yang digunakan pada kamera. Maka, Anda dapat mengoptimalkan gambar dan menyempurnakan tampilannya pada layar Retina.

Copied to clipboard!