Tahukah Anda bahwa mengoptimalkan gambar Anda sebelum mengunggah ke WordPress dapat berdampak besar pada kecepatan situs web Anda?
Kapan memulai blog baru, banyak pemula hanya mengunggah gambar tanpa mengoptimalkannya untuk web. File gambar besar ini membuat situs web Anda lebih lambat.
Anda dapat memperbaikinya dengan menggunakan praktik terbaik pengoptimalan gambar sebagai bagian dari rutinitas blogging reguler Anda.
Pada artikel ini, kami akan menunjukkan kepada Anda bagaimana mengoptimalkan gambar Anda untuk kinerja web yang lebih cepat tanpa kehilangan kualitas. Kami juga akan membagikan plugin pengoptimalan gambar otomatis untuk WordPress yang dapat membuat hidup Anda mudah.
Optimalisasi gambar adalah proses menyimpan dan mengirim gambar dalam ukuran file sekecil mungkin tanpa mengurangi kualitas gambar secara keseluruhan.
Walaupun prosesnya terdengar rumit, sebenarnya cukup mudah akhir-akhir ini. Anda dapat menggunakan salah satu dari banyak plugin dan alat optimisasi gambar untuk secara otomatis mengkompres gambar hingga 80% tanpa kehilangan kualitas gambar yang terlihat.
Berikut adalah contoh gambar yang dioptimalkan vs yang tidak dioptimalkan:
Seperti yang Anda lihat, ketika dioptimalkan dengan benar gambar yang sama bisa menjadi 75% lebih kecil dari aslinya tanpa kehilangan kualitas.
Bagaimana cara Pengoptimalan Gambar berfungsi?
Secara sederhana, pengoptimalan gambar bekerja dengan menggunakan teknologi kompresi seperti "Lossy" dan "Lossless" yang membantu mengurangi ukuran file keseluruhan tanpa kehilangan kualitas yang nyata.
Apa artinya Mengoptimalkan Gambar?
Jika Anda pernah menerima rekomendasi untuk mengoptimalkan gambar oleh Anda Hosting WordPress mendukung atau dengan alat uji kecepatan, maka semua itu artinya Anda perlu mengurangi ukuran file gambar Anda dengan mengoptimalkannya untuk web.
Meskipun ada banyak manfaat untuk mengoptimalkan gambar Anda, di bawah ini adalah yang terbaik yang harus Anda ketahui:
Kecepatan situs web yang lebih cepat Peringkat SEO yang lebih tinggi Tingkat konversi keseluruhan yang lebih tinggi untuk penjualan dan arahan Penyimpanan yang lebih sedikit dan bandwidth (yang dapat mengurangi biaya hosting dan CDN) Cadangan situs web yang lebih cepat (juga mengurangi biaya penyimpanan cadangan)
Di luar video, gambar adalah item terberat berikutnya di halaman web. Berdasarkan Arsip HTTP, gambar membentuk rata-rata 21% dari total berat halaman web.
Karena kita tahu situs web cepat peringkat lebih tinggi di mesin pencari (SEO) dan memiliki konversi yang lebih baik, optimasi gambar adalah sesuatu yang harus dilakukan setiap situs web bisnis jika mereka ingin sukses online.
Sekarang Anda mungkin bertanya-tanya seberapa besar perbedaan yang bisa dihasilkan oleh optimasi gambar?
Menurut penelitian Strangeloop, penundaan satu detik dalam waktu pemuatan situs web dapat membuat Anda 7% dari penjualan, 11% lebih sedikit tampilan halaman, dan 16% penurunan dalam kepuasan pelanggan.
Jika ini bukan alasan yang cukup untuk mempercepat situs web Anda, maka Anda harus tahu bahwa mesin pencari seperti Google juga memberikan perlakuan SEO preferensial untuk memuat situs web yang lebih cepat.
Ini berarti bahwa dengan mengoptimalkan gambar Anda untuk web, Anda dapat keduanya meningkatkan kecepatan situs web dan meningkatkan Peringkat WordPress SEO.
Kunci keberhasilan optimasi gambar untuk kinerja web adalah menemukan keseimbangan sempurna antara ukuran file terendah dan kualitas gambar yang dapat diterima.
Tiga hal yang memainkan peran besar dalam pengoptimalan gambar adalah:
Format file gambar (JPEG vs PNG vs GIF) Kompresi (Kompresi lebih tinggi = ukuran file lebih kecil) Dimensi Gambar (tinggi dan lebar)
Dengan memilih kombinasi yang tepat dari ketiganya, Anda dapat mengurangi ukuran gambar hingga 80%.
Mari kita lihat masing-masing lebih detail.
1. Format File Gambar
Bagi kebanyakan pemilik situs web, hanya tiga format file gambar yang benar-benar penting adalah JPEG, PNG, dan GIF. Memilih jenis file yang tepat memainkan peran penting dalam optimasi gambar.
Untuk mempermudah, Anda ingin menggunakan JPEG untuk foto atau gambar dengan banyak warna, PNG untuk gambar sederhana atau ketika Anda membutuhkan gambar transparan, dan GIF hanya untuk gambar animasi.
Bagi mereka yang tidak tahu perbedaan antara setiap jenis file, format gambar PNG tidak terkompresi yang berarti ini adalah gambar berkualitas lebih tinggi. Kelemahannya adalah ukuran file jauh lebih besar.
Di sisi lain, JPEG adalah format file terkompresi yang sedikit mengurangi kualitas gambar untuk memberikan ukuran file yang jauh lebih kecil.
Sedangkan GIF hanya menggunakan 256 warna bersama dengan kompresi lossless yang menjadikannya pilihan terbaik untuk gambar animasi.
Di WPBeginner, kami menggunakan ketiga format gambar berdasarkan jenis gambar.
2. Kompresi
Hal berikutnya adalah kompresi gambar yang memainkan peran besar dalam optimasi gambar.
Ada berbagai jenis dan level kompresi gambar yang tersedia. Pengaturan untuk masing-masing akan bervariasi tergantung pada alat kompresi gambar yang Anda gunakan.
Kebanyakan alat pengedit gambar suka Adobe Photoshop, Foto On1, GIMP, Affinity Photo, dan lainnya hadir dengan fitur kompresi gambar bawaan.
Anda juga dapat menyimpan gambar secara normal dan kemudian menggunakan alat web seperti TinyPNG atau JPEG Mini untuk kompresi gambar yang lebih mudah.
Meskipun sedikit manual, kedua metode ini memungkinkan Anda untuk mengompres gambar sebelum mengunggahnya ke WordPress, dan inilah yang kami lakukan di WPBeginner.
Ada juga beberapa plugin WordPress populer seperti Optimole, EWWW Pengoptimal Gambar, dan lainnya yang dapat secara otomatis mengompres gambar ketika Anda pertama kali mengunggahnya. Banyak pemula dan bahkan perusahaan besar lebih suka menggunakan plugin pengoptimalan gambar ini karena mudah dan nyaman.
Kami akan membagikan lebih banyak tentang plugin WordPress ini nanti di artikel.
3. Dimensi Gambar
Biasanya, ketika Anda mengimpor foto dari ponsel Anda atau kamera digital, ia memiliki resolusi yang sangat tinggi dan dimensi file besar (tinggi dan lebar).
Biasanya, foto-foto ini memiliki resolusi 300 DPI dan dimensi mulai dari 2000 piksel dan lebih banyak. Foto-foto berkualitas tinggi ini sangat cocok untuk penerbitan cetak atau desktop. Mereka tidak cocok untuk situs web.
Mengurangi dimensi file menjadi sesuatu yang lebih masuk akal dapat secara signifikan mengurangi ukuran file gambar. Anda bisa saja mengubah ukuran gambar menggunakan perangkat lunak pengedit gambar di komputer Anda.
Misalnya, kami mengoptimalkan foto dengan ukuran file asli 1,8 MB, resolusi 300 DPI, dan dimensi gambar 4900 × 3200 piksel.
Kami memilih format jpeg untuk kompresi yang lebih tinggi dan mengubah dimensi menjadi 1200 × 795 piksel, dan mengurangi ukuran file gambar menjadi 103 KB. Itu 94% kurang dari ukuran file asli.
Sekarang setelah Anda mengetahui tiga faktor penting dalam pengoptimalan gambar, mari kita lihat berbagai alat pengoptimalan gambar untuk pemilik situs web.
Seperti yang kami sebutkan sebelumnya, sebagian besar perangkat lunak pengeditan gambar dilengkapi dengan pengoptimalan gambar dan pengaturan kompresi.
Di luar perangkat lunak pengeditan gambar, ada juga beberapa alat optimisasi gambar gratis yang kuat yang dapat Anda gunakan untuk mengoptimalkan gambar untuk web (hanya dengan beberapa klik).
Kami merekomendasikan penggunaan alat-alat ini untuk mengoptimalkan gambar sebelum Anda mengunggahnya ke WordPress, khususnya jika Anda seorang perfeksionis.
Metode ini membantu Anda menghemat ruang disk di akun hosting WordPress Anda, dan menjamin gambar tercepat dengan kualitas terbaik karena Anda meninjau setiap gambar secara manual.
Adobe Photoshop
Adobe Photoshop adalah perangkat lunak premium yang dilengkapi dengan fitur untuk menyimpan gambar yang dioptimalkan untuk web. Cukup buka gambar Anda dan klik opsi "File» Save for Web ".
Ini akan membuka kotak dialog baru. Di sebelah kanan, Anda dapat mengatur format gambar yang berbeda. Untuk format JPEG, Anda akan melihat opsi kualitas yang berbeda. Ketika Anda memilih opsi Anda, itu juga akan menunjukkan ukuran file di kiri bawah.
GIMP
GIMP adalah alternatif sumber bebas dan terbuka untuk Adobe Photoshop populer. Ini dapat digunakan untuk mengoptimalkan gambar Anda untuk web. Kelemahannya adalah tidak mudah digunakan seperti beberapa solusi lain dalam daftar ini.
Pertama, Anda perlu membuka gambar Anda di GIMP dan kemudian pilih File »Ekspor Sebagai pilihan. Ini akan memunculkan kotak dialog save file. Berikan nama baru pada file Anda lalu klik tombol ekspor.
Ini akan memunculkan opsi ekspor gambar. Untuk file jpeg, Anda dapat memilih level kompresi untuk mengurangi ukuran file. Terakhir, klik tombol ekspor untuk menyimpan file gambar yang dioptimalkan.
TinyPNG adalah aplikasi web gratis yang menggunakan teknik kompresi lossy pintar untuk mengurangi ukuran file PNG Anda. Yang harus Anda lakukan adalah pergi ke situs web mereka dan mengunggah gambar Anda (drag & drop sederhana).
Mereka akan memampatkan gambar, dan memberi Anda tautan unduhan. Anda dapat menggunakan situs web saudara mereka, TinyJPG, untuk kompresi gambar JPEG.
Mereka juga memiliki ekstensi untuk Adobe Photoshop yang kami gunakan sebagai bagian dari proses pengeditan gambar kami karena menggabungkan yang terbaik dari TinyPNG dan TinyJPG di dalam Photoshop.
Untuk pengembang, mereka memiliki API untuk mengonversi gambar secara otomatis, dan untuk pemula mereka memiliki plugin WordPress yang secara otomatis dapat melakukannya untuk Anda (lebih lanjut tentang ini nanti).
JPEGmini menggunakan teknologi kompresi lossless yang secara signifikan mengurangi ukuran gambar tanpa mempengaruhi kualitas perseptualnya. Anda juga dapat membandingkan kualitas gambar asli dan gambar yang dikompresi.
Anda dapat menggunakan versi web mereka secara gratis, atau membeli program untuk komputer Anda. Mereka juga memiliki API berbayar untuk mengotomatiskan proses untuk server Anda.
ImageOptim adalah utilitas Mac yang memungkinkan Anda mengompres gambar tanpa kehilangan kualitas apa pun dengan menemukan parameter kompresi terbaik dan menghapus profil warna yang tidak perlu.
Alternatif Windows untuk ini Trimage.
Kami percaya bahwa cara terbaik untuk mengoptimalkan gambar Anda adalah dengan melakukannya sebelum mengunggahnya ke WordPress. Namun, jika Anda menjalankan situs multi-penulis atau membutuhkan solusi otomatis, maka Anda dapat mencoba Plugin kompresi gambar WordPress.
Di bawah ini adalah daftar plugin kompresi gambar WordPress yang kami rekomendasikan:
Optimole – Plugin populer oleh tim di belakang ThemeIsle. EWWW Pengoptimal Gambar Kompres gambar JPEG & PNG – Plugin oleh tim TinyPNG yang disebutkan di atas dalam artikel. Bayangkan – Plugin oleh yang populer WP Rocket tim plugin. Pengoptimal Gambar ShortPixel WP Smush reSmush.it
Menggunakan salah satu plugin pengoptimalan gambar WordPress ini akan membantu Anda mempercepat situs web Anda.
Jika Anda tidak menyimpan gambar yang dioptimalkan untuk web, maka Anda harus mulai melakukannya sekarang. Ini akan membuat perbedaan besar pada kecepatan situs Anda, dan pengguna Anda akan berterima kasih untuk itu.
Belum lagi, situs web yang lebih cepat bagus untuk SEO, dan Anda mungkin akan melihat peningkatan peringkat mesin pencari Anda.
Di luar optimasi gambar, dua hal yang secara signifikan akan membantu Anda mempercepat situs web Anda adalah menggunakan a Plugin caching WordPress dan menggunakan a CDN WordPress.
Atau, Anda dapat menggunakan a hosting WordPress yang dikelola perusahaan karena mereka sering menawarkan caching dan CDN sebagai bagian dari platform.
Kami harap artikel ini membantu Anda mempelajari cara mengoptimalkan gambar di WordPress. Anda mungkin juga ingin melihat panduan kami cara meningkatkan keamanan WordPress Anda dan Plugin WordPress terbaik untuk situs web bisnis.
Jika Anda menyukai artikel ini, silakan berlangganan artikel kami Saluran Youtube untuk tutorial video WordPress. Anda juga dapat menemukan kami di Kericau dan Facebook.
.
Tanda tangan email berfungsi sebagai cara ampuh bagi individu dan bisnis untuk meninggalkan kesan abadi…
Apakah kesalahan 'ERR_SSL_VERSION_OR_CIPHER_MISMATCH' menghentikan Anda mengakses situs web WordPress? Kesalahan ini hanya terlihat saat mengunjungi…
Jika Anda adalah individu yang banyak akal dan berpikiran maju yang bekerja di bidang pemasaran,…
Siap menguasai Google Analytics 4 dengan sedikit bantuan dari MonsterInsights? GA4 adalah alat analitik yang…
Apakah Anda mencari cara untuk menerjemahkan plugin WordPress ke dalam bahasa Anda? Dengan menerjemahkan plugin…
Mencari solusi untuk hack redirect WordPress? ???????? Peretasan pengalihan WordPress sayangnya merupakan kejadian umum dan…