Dalam posting ini, kami di sini untuk membantu dengan beberapa tips yang dapat ditindaklanjuti untuk mengoptimalkan gambar produk WooCommerce. Enam Cara Mengoptimalkan Gambar Produk WooCommerce 1. Kompres Gambar Produk Anda Salah satu cara terbaik untuk mengoptimalkan gambar toko WooCommerce Anda adalah dengan kompresi, yang mengecilkan ukuran gambar Anda tanpa mengubah dimensi itu sendiri. Ada dua jenis utama kompresi:
- Lossless – pengurangan kecil dalam ukuran file tanpa perubahan kualitas.
- Lossy – pengurangan ukuran file yang lebih besar, tetapi terkadang ada beberapa perubahan kecil dalam kualitas.
Sering kali, mata manusia bahkan tidak dapat melihat perbedaan dalam kompresi lossy, terutama jika Anda memilih algoritme yang kurang agresif.
Apa pun yang terjadi, Anda harus selalu menggunakan beberapa jenis kompresi pada gambar produk WooCommerce Anda, karena ini adalah cara mudah untuk memotong ukuran file tanpa mengubah apa pun. Jika Anda sudah menggunakan Photoshop sebagai bagian dari pembuatan gambar produk Anda, Anda dapat menggunakan opsi Simpan untuk Web di Photoshop. Atau, Anda juga dapat menggunakan plugin Imagify WordPress untuk menempatkan kompresi gambar secara otomatis. Imagify berasal dari tim WP Rocket dan akan membantu Anda mengompresi gambar secara otomatis saat Anda mengunggahnya ke WordPress menggunakan tingkat kompresi pilihan Anda ( lossless ditambah dua tingkat kompresi lossy ):
Anda juga dapat menemukan alat cloud online yang dapat Anda gunakan sebelum mengunggah gambar ke toko WooCommerce Anda. Dua opsi bagus adalah TinyJPG dan Kraken. 2. Ubah Ukuran Dimensi Gambar Selain mengompresi gambar Anda, Anda juga ingin mengubah dimensi gambar sebenarnya untuk lebih mengecilkan ukuran Anda. Semuanya sama, dimensi yang lebih kecil (tinggi dan lebar) sama dengan ukuran file yang lebih kecil. WooCommerce akan secara otomatis melakukan ini untuk beberapa area toko Anda ( lebih lanjut tentang ini berikutnya ), tetapi tidak akan melakukan ini untuk gambar utama di halaman produk tunggal Anda.Jadi berapa banyak Anda harus mengubah ukuran gambar? Nah, banyak dari ini tergantung pada apa yang Anda jual. Jika Anda menjual produk sederhana – seperti t-shirt putih polos – Anda mungkin dapat melakukan 800-1.000 px karena tidak banyak detail di sana. Namun, jika Anda menjual perhiasan atau sesuatu yang membuat orang ingin benar-benar memperbesar detail kecil, Anda mungkin ingin menaikkan hingga lebih dari 2.000 px. Apa pun itu, Anda tidak akan pernah ingin mengunggah gambar 5.000 px besar yang keluar dari kamera Anda secara default, dan Anda harus selalu mencoba untuk mengambil gambar sekecil mungkin tanpa memengaruhi pengalaman berbelanja secara negatif .
Anda dapat mengubah ukuran gambar sebelum mengunggahnya. Atau, plugin kompresi Imagify juga dapat secara otomatis mengubah ukuran gambar Anda ke dimensi maksimum yang ditetapkan saat Anda mengunggahnya ke WordPress:
3. Perhatikan Ukuran Thumbnail WooCommerce Anda Juga Saat Anda mengunggah gambar ke WordPress, WordPress akan secara otomatis mengubah ukuran gambar itu ke dimensi yang berbeda – AKA thumbnail. Dimensi ini biasanya dikontrol oleh tema Anda, tetapi WooCommerce juga dilengkapi dengan dimensi thumbnail sendiri yang mengontrol ukuran gambar yang digunakan pada halaman katalog Anda dan beberapa area lainnya.Anda dapat mengontrol ukuran thumbnail ini dengan membuka Appearance → Customize . Kemudian, di WordPress Customizer, buka WooCommerce → Gambar Produk :
Idealnya, Anda ingin membuat nilai ini sekecil mungkin tanpa mengorbankan kegunaan . Misalnya, jika tema Anda hanya menampilkan gambar dengan lebar 200px pada halaman katalog, Anda mungkin ingin membuat lebar Thumbnail sama dengan 200px, bukan default 300px. 4. Gunakan Gambar JPEG (Sebagian Besar Waktu) Untuk gambar online, ada beberapa format berbeda yang dapat Anda gunakan, dengan opsi yang paling umum adalah PNG, JPEG, atau GIF. Biasanya, Anda ingin menggunakan JPEG untuk gambar produk, karena JPEG sangat bagus untuk gambar dengan banyak warna dan juga biasanya lebih kecil dari file PNG dan lebih mudah dikompres. Itu sebabnya Amazon, Walmart, dan sebagian besar toko eCommerce besar lainnya menggunakan JPEG sebagai format untuk gambar produk mereka.Satu-satunya peringatan adalah transparansi – JPEG tidak mendukungnya. Jadi jika Anda membutuhkan transparansi untuk gambar produk Anda, maka Anda mungkin ingin menggunakan PNG sebagai gantinya. 5. Buat Latar Belakang Gambar Sederhana Mungkin tergoda untuk berkreasi dengan gambar produk Anda… tetapi ada alasan mengapa hampir setiap toko menggunakan latar belakang putih polos ( sekali lagi, ini adalah cara toko besar seperti Amazon dan Walmart melakukannya ). Tidak hanya menampilkan produk Anda dengan jelas, tetapi juga membantu menjaga ukuran file gambar produk Anda tetap rendah dengan membatasi jumlah informasi dalam gambar.
Pada dasarnya, lebih sedikit warna berarti ukuran file lebih kecil, dan latar belakang putih sederhana adalah cara untuk mencapainya tanpa mengorbankan kejernihan gambar. 6. Gunakan CDN untuk Pengiriman Global Lebih Cepat Secara default, semua gambar toko Anda dimuat dari server situs WordPress Anda. Tidak apa-apa jika semua pengunjung Anda tinggal di dekat server Anda…tetapi mungkin tidak demikian, terutama jika toko Anda mengirim secara internasional. Lihat, kedekatan fisik masih memengaruhi seberapa cepat konten dimuat. Jadi semakin jauh orang berada dari server Anda, semakin lambat konten Anda dimuat.
Untuk memperbaiki masalah ini, Anda dapat menggunakan sesuatu yang disebut jaringan pengiriman konten (CDN). Dengan CDN, Anda dapat memuat file statis – seperti gambar Anda – dari jaringan server global. Dengan begitu, pengunjung dapat memuat file dari server terdekat, dan dengan demikian mempercepat waktu pengunduhan gambar lebih banyak lagi. Untuk CDN gratis, Anda dapat mempertimbangkan Cloudflare. Atau, ada banyak layanan CDN berbayar seperti Stackpath, KeyCDN, Amazon CloudFront, dan lainnya. Pelajari tentang perbedaan antara Cloudflare dan sesuatu seperti CloudFront . Apa pun layanan CDN yang Anda gunakan, WP Rocket dapat membantu Anda mengintegrasikan layanan ke situs Anda, dengan fitur CDN khusus dan integrasi Cloudflare bawaan.
Optimalkan Gambar Produk WooCommerce Anda Hari Ini Gambar produk berkualitas tinggi adalah suatu keharusan untuk toko WooCommerce Anda, tetapi Anda juga ingin memastikan bahwa Anda tidak memperlambat waktu buka toko Anda dengan gambar yang tidak dioptimalkan. Untuk tetap menawarkan gambar berkualitas tinggi yang dimuat dengan cepat, Anda harus:
- Gunakan plugin atau alat kompresi untuk mengecilkan ukuran file gambar Anda.
- Ubah ukuran dimensi gambar.
- Tetapkan ukuran thumbnail WooCommerce yang dioptimalkan.
- Gunakan format gambar JPEG ( kecuali jika Anda membutuhkan transparansi ).
- Jaga agar latar belakang gambar produk Anda tetap sederhana.
- Pertimbangkan jaringan pengiriman konten untuk mempercepat waktu pemuatan gambar global.
Secara keseluruhan, plugin caching WordPress yang tepat untuk WooCommerce juga akan membantu Anda meningkatkan kinerja situs Anda segera! Baca panduan lengkap kami tentang cara mempercepat situs WooCommerce yang lambat, optimalkan gambar produk Anda hari ini, dan nikmati pemuatan toko WooCommerce yang lebih cepat!
