Cara Mengoptimalkan Gambar Di WordPress Untuk Situs yang Lebih Cepat

Diterbitkan: 2022-09-28

Jika Anda seperti saya, Anda selalu mencari cara untuk mempercepat situs WordPress Anda. Mengoptimalkan gambar adalah salah satu cara termudah untuk melakukannya. Ada beberapa cara untuk mengoptimalkan gambar di WordPress tanpa plugin. Salah satunya adalah dengan menggunakan layanan seperti TinyPNG, yang akan memampatkan gambar Anda untuk Anda. Cara lainnya adalah menggunakan editor gambar bawaan WordPress untuk mengubah ukuran gambar Anda. Either way, mengoptimalkan gambar Anda akan membantu memuat situs WordPress Anda lebih cepat. Dan siapa yang tidak menginginkan situs WordPress yang lebih cepat ?

Sangat penting bahwa gambar situs web WordPress Anda dioptimalkan. Ada beberapa format file untuk gambar, dan semuanya memiliki karakteristiknya sendiri. Meskipun beberapa plugin dapat mempercepat prosesnya, sebaiknya lakukan secara manual jika memungkinkan. Pada artikel ini, saya akan menunjukkan cara mengoptimalkan gambar untuk WordPress tanpa plugin. Google menciptakan format file gambar WebP pada tahun 2010. Apple baru-baru ini menambahkan dukungan WebP ke browser Safari-nya. Akibatnya, gambar webP mungkin lebih besar dari PNG atau JPEG.

Saat menggunakan Photoshop, Anda akan melihat bahwa itu tidak mendukung WebP karena kode XML yang mengidentifikasi situs WordPress Anda dibangun ke dalam kode sumber. Karena SVG adalah file vektor, mereka tidak menjadi buram atau berpiksel saat diperbesar di browser. GIF adalah gambar animasi yang tidak banyak digunakan, sehingga tidak akan banyak dibicarakan. Menggunakan JPEG atau PNG alih-alih Adobe Acrobat akan memberi Anda hasil terbaik jika tidak memungkinkan. Ketika memutuskan bagaimana ukuran dan tinggi gambar dalam posting blog, tidak ada solusi tunggal. Dimensi ditentukan oleh tema dan desain. Periksa lebar penampung menggunakan alat Inspeksi browser Anda.

Secara umum, wadah tidak boleh memiliki lebar gambar yang lebih besar dari yang seharusnya. Meskipun beberapa tema WordPress memerlukan lebar dan tinggi tetap untuk gambar unggulan, yang lain hanya menggunakan lebar sebagai ukuran tinggi. Gambar tiga gambar pada tiga kolom pada halaman akan berukuran cukup kecil untuk setiap gambar. Saat mengoptimalkan gambar untuk WordPress, Anda juga harus memikirkan perangkat seluler. Saat pengguna menggulir ke bawah ke lokasi mereka, fitur Lazy Loading menghasilkan gambar segera setelah mendeteksinya. Dalam hal ini, Anda harus membuat pengecualian dan mengunggah gambar yang lebih besar yang terlihat bagus di ponsel cerdas. Dengan mengompresi gambar, dimungkinkan untuk sangat mengurangi ukuran file mereka.

Ini dapat dilakukan dengan menggunakan alat grafis seperti Photoshop atau GIMP saat mengekspor/menyimpan gambar. Mungkin sulit untuk memahami proses pengoptimalan gambar untuk WordPress pada awalnya. Namun, Anda tidak boleh mengabaikan fakta bahwa SEO sangat penting untuk kinerja situs web Anda, karena juga penting untuk tingkat konversi, SEO, dan pengalaman pengguna. Jika Anda memerlukan bantuan, jangan ragu untuk mengajukan pertanyaan di komentar.

Bagaimana Saya Meningkatkan Kualitas Gambar Di WordPress?

Kredit: www.fiverr.com

WordPress mengompresi gambar Anda dengan kualitas sekitar 18% untuk meningkatkan kinerja selulernya. Anda dapat menonaktifkan kompresi gambar atau menyesuaikan tingkat kompresi sedikit untuk menyelesaikan masalah Anda. Anda dapat mengubah ukuran thumbnail default dengan menggunakan Regenerate Thumbnails atau Simple Image Sizes, keduanya dapat digunakan untuk membuat ulang thumbnail.

Mengapa Gambar Situs WordPress Anda Terlihat Buram (dan Cara Memperbaikinya)

Beberapa penyebab gambar buram di WordPress termasuk file media yang tidak diedit dengan benar, atau file yang diunggah dalam ukuran yang berbeda dari kemampuan tema. Jika gambar direntangkan agar sesuai dengan layar yang lebih besar, perbedaan yang dihasilkan akan diperkuat. Gambar digital bisa lebih besar ukurannya, tetapi memperbesar ukuran file tidak meningkatkan kualitasnya. Sambil mempertahankan kualitas visual yang tinggi , Photoshop dan Photoshop Lightroom memiliki fitur yang dapat membantu dalam meningkatkan resolusi.

Optimalkan Gambar WordPress

Kredit: www.milesweb.in

Salah satu hal terpenting yang dapat Anda lakukan untuk mempercepat situs WordPress Anda adalah dengan mengoptimalkan gambar Anda. Saat Anda mengunggah foto ke situs Anda, WordPress akan secara otomatis membuat beberapa versi foto itu dalam berbagai ukuran. Namun, itu tidak secara otomatis mengoptimalkan gambar tersebut untuk kecepatan. Ada beberapa hal yang dapat Anda lakukan untuk mengoptimalkan kecepatan gambar Anda. Pertama, Anda dapat menggunakan plugin pengoptimalan gambar seperti WP Smush untuk mengoptimalkan gambar secara otomatis saat Anda mengunggahnya. Kedua, Anda dapat menggunakan CDN seperti CloudFlare untuk menyajikan gambar Anda dari berbagai lokasi di seluruh dunia. Terakhir, Anda dapat mengoptimalkan gambar secara manual sebelum mengunggahnya dengan menggunakan editor gambar seperti Photoshop.

Situs WordPress yang dirancang dengan baik akan memiliki waktu pemuatan yang lebih cepat, pengalaman pengguna yang lebih baik, dan pengoptimalan mesin telusur yang lebih baik. Saat gambar dikompresi, ukuran file berkurang. Untuk mengompresi gambar besar sebelum mengunggahnya ke WordPress, gunakan perangkat lunak kompresi gambar gratis atau alat gratis bernama TinyPNG. Saat Anda menambahkan gambar ke situs WordPress Anda, perpustakaan media akan diperluas. Jika ada banyak gambar yang tidak digunakan di perpustakaan Anda, situs web Anda mungkin menghabiskan banyak ruang di server Anda. Dua cara paling efektif untuk membersihkan perpustakaan media WordPress Anda adalah melalui pembersihan manual atau melalui plugin. Sangat penting untuk mengoptimalkan gambar situs WordPress Anda untuk meningkatkan kecepatan pemuatannya, meningkatkan pengalaman pengguna, menerapkan SEO yang lebih baik, dan menghemat ruang penyimpanan. Paket gratis Imagify, yang mencakup 20 MB gambar per bulan, dibatasi hingga 2 MB gambar per bulan. Semua gambar yang diunggah telah dikompresi hingga 82 persen dari kualitas aslinya di WordPress 4.5.

Optimalkan Gambar Tanpa Kehilangan Kualitas

Saat Anda mengoptimalkan gambar, pada dasarnya Anda mencoba menemukan keseimbangan sempurna antara ukuran dan kualitas file. Jika Anda melangkah terlalu jauh di kedua arah, Anda akan melihat penurunan kualitas. Tujuannya adalah untuk menemukan ukuran file terkecil yang masih terlihat bagus untuk Anda. Ada beberapa cara berbeda untuk melakukan ini, tetapi yang paling umum adalah menggunakan alat online seperti TinyPNG.

Saat mengoptimalkan gambar, sangat penting untuk memilih jenis file yang tepat. Adobe Photoshop, On1, Photo, GIMP, Affinity Photo, dan alat pengeditan gambar lainnya memiliki kemampuan kompresi bawaan. Karena prosesnya agak manual, Anda harus menyimpan gambar seperti biasa, mengunggahnya ke alat web, lalu mengunduhnya lagi. Menggunakan plugin WordPress seperti Optimole, EWWW Image Optimizer, WP Smush, atau yang lainnya, Anda dapat mengompres ukuran gambar . Sebelum mengunggah gambar Anda ke situs web Anda, Anda harus menggunakan alat ini untuk mengoptimalkannya. Photoshop adalah perangkat lunak pengeditan foto premium yang mencakup sejumlah fitur bawaan untuk menyimpan gambar yang dioptimalkan untuk digunakan di web. Aplikasi web gratis lainnya yang memungkinkan Anda mengompresi ukuran gambar Anda adalah immagify.

Pengembang aplikasi dapat menggunakan API untuk mengonversi dan mengompresi gambar. Berlangganan ke versi berbayar mulai dari $4,99 per bulan dan memungkinkan Anda mengunggah banyak gambar ke aplikasi. Jika gambar situs web Anda tidak dioptimalkan, Anda harus mulai melakukannya sekarang. Semua gambar yang saat ini ditampilkan di situs web Anda akan dikompresi saat plugin diaktifkan, dan semua gambar baru juga akan dikompresi saat plugin diaktifkan. JPEG Compress adalah plugin WordPress gratis yang dibuat oleh TinyPNG, alat kompresi gambar online gratis. Optimalisasi gambar dapat dilakukan dengan EWWW Image Optimizer menggunakan teknik lossless.