10 cara untuk mengurangi ukuran gambar Anda
Diterbitkan: 2018-02-15Kita semua ingin memiliki situs web dengan gambar berkualitas untuk menarik perhatian pembaca kita, bukan?
Jika Anda memiliki halaman tempat Anda menawarkan layanan, Anda menjual produk atau Anda bekerja dengan blog; pasti Anda memiliki lusinan gambar: di artikel, di halaman statis atau produk, misalnya.
Ketika berbicara tentang gambar untuk situs web, kita tidak perlu hanya memikirkan jumlah gambar yang akan kita tambahkan. Kami juga harus mempertimbangkan ukurannya dan oleh karena itu ruang yang akan digunakan file-file ini di server.
Untuk alasan ini, dalam artikel ini, kita akan berbicara tentang sepuluh alat yang dapat kita gunakan untuk mengurangi ukuran gambar yang akan kita gunakan di halaman web, blog, atau e-commerce kita.
- 1 · Mengapa Anda harus mengurangi ukuran gambar di situs Anda?
- 2 · Sepuluh alat untuk mengurangi ukuran gambar untuk situs web Anda
- 2.1 1) ShortPixel
- 2.2 2) Pengoptimal Gambar EWWW
- 2.3 3) Kompres JPG dan PNG
- 2.4 4) Compressor.io
- 2.5 5) Mengoptimalkan
- 2.6 6) WP Smush
- 2.7 7) Kraken.io
- 2.8 8) Imagify Image Optimizer
- 2.9 9) Photoshop
- 2.10 10) RIOT
- 3 · Cara mengunggah gambar Anda ke Mailrelay
- 3.1 Posting Terkait:
· Mengapa Anda harus mengurangi ukuran gambar di situs Anda?
Sebelum saya mulai berbicara tentang masing-masing alat ini, saya ingin menjelaskan pentingnya mengurangi ukuran gambar situs Anda.
Saat ini, sangat penting bahwa situs harus cepat, yaitu hanya membutuhkan beberapa detik untuk memuat (idealnya, kurang dari 3 detik).
Mengoptimalkan gambar situs Anda dengan benar sangat penting karena tiga alasan:
- Ukuran gambar mempengaruhi kecepatan memuat situs , dan kami baru saja melihat pentingnya memiliki situs web yang cepat.
- Waktu loading adalah salah satu faktor utama yang mempengaruhi SEO. Situs web yang cepat akan memiliki peringkat yang lebih baik di Google daripada situs web yang lambat (selalu ada pengecualian, tetapi itulah aturan umumnya).
- Gambar situs web perlu disesuaikan dengan lebar halaman. Sebagai contoh, saya sering melihat banyak halaman menggunakan gambar yang jauh lebih besar daripada ruang yang tersedia. Jika lebar ruang 300px, administrator tidak boleh mengunggah gambar dengan 1000px. Ini adalah kesalahan umum di banyak halaman web. Saran saya adalah menyesuaikan ukuran semua gambar di situs Anda.
· Sepuluh alat untuk mengurangi ukuran gambar untuk situs web Anda
1) Piksel Pendek
Tujuan alat ini adalah untuk meningkatkan kinerja situs kami, mengurangi ukuran gambar.
Ini tersedia dalam versi web dan sebagai plugin untuk WordPress, menawarkan tiga jenis kompresi foto:
- Kompresi lossy. Ini adalah pilihan terbaik bagi sebagian besar pengguna. Opsi ini memungkinkan keseimbangan antara pengoptimalan dan kualitas gambar.
- Kompresi mengkilap. Ini adalah opsi terbaik jika Anda mencari alat dengan fokus pada Google Insights, tetapi tidak khawatir tentang kecepatan pemuatan. Opsi ini memungkinkan kompresi yang dapat diterima, dengan kualitas gambar. Semakin banyak file dikompresi, semakin banyak kualitas gambar akhir yang akan dikompromikan.
- Kompresi tanpa rugi. Opsi terakhir memungkinkan Anda untuk mengompresi piksel gambar per piksel, dibandingkan dengan gambar asli, tetapi menawarkan pengurangan yang jauh lebih kecil, dibandingkan dengan file yang diproses dengan dua opsi.
Versi web ShortPixel memungkinkan Anda untuk mengurangi gambar dalam kumpulan 50 file.
Adapun plugin WordPress, sangat mudah digunakan, dan sangat ringan. Anda hanya perlu menginstalnya, dan plugin akan memampatkan semua gambar situs Anda serta file PDF Anda hanya dengan satu klik.
Selain itu, gambar baru yang Anda unggah akan diubah ukurannya secara otomatis, tanpa perlu tindakan lebih lanjut.
Akhirnya, kami harus menjelaskan bahwa ini adalah alat "freemium". Artinya, Anda dapat mengompres 100 gambar per bulan secara gratis. Jika Anda melebihi jumlah itu, ia menawarkan beberapa paket berbayar.
https://shortpixel.com/
Pengoptimal Gambar ShortPixel
2) Pengoptimal Gambar EWWW
Ini adalah alat yang dikembangkan dengan tujuan mengoptimalkan gambar untuk situs web, tetapi dalam kasus ini, ditargetkan ke situs yang menggunakan hosting bersama.
Seperti dalam kasus ShortPixel, Pengoptimal Gambar EWWW memiliki versi web dan juga plugin untuk WordPress serta beberapa paket berbayar.
EWWW Image Optimizer memungkinkan Anda meningkatkan kecepatan pemuatan halaman, mengoptimalkan semua gambar di situs Anda.
Peningkatan kecepatan ini dapat membantu Anda mendapatkan posisi yang lebih baik di mesin pencari dan juga meningkatkan tingkat konversi (meningkatkan penjualan atau pelanggan baru, misalnya).
Pengoptimal Gambar EWWW dapat secara otomatis mengoptimalkan semua gambar yang Anda unggah. Itu juga dapat mengoptimalkan semua gambar yang sudah di-host di server. Juga, dimungkinkan untuk mengonversi semua file Anda ke format yang paling direkomendasikan.
Adapun opsi kompresi, Anda dapat memilih untuk mengompres per piksel atau opsi kompresi tinggi tanpa kehilangan kualitas.
https://ewww.io/
Pengoptimal Gambar EWWW
3) Kompres JPG dan PNG
Alat online itu akan memungkinkan Anda untuk mengompres kumpulan hingga 20 gambar dalam format JPG dan PNG.
Penggunaannya sangat sederhana: cukup unggah atau seret file. Jika sudah siap, Anda hanya perlu mengunduh gambar terkompresi secara terpisah atau dipadatkan dalam file ZIP.
http://compressjpeg.com/es/
4) Kompresor.io
Ini adalah salah satu alat favorit saya ketika saya perlu mengompres beberapa gambar untuk diunggah ke halaman saya.
Ini tersedia di compressor.io, dan penggunaannya sangat sederhana. Anda hanya perlu memuat atau menyeret gambar yang ingin Anda kompres, tunggu prosesnya selesai (hanya membutuhkan beberapa detik) dan unduh file yang dikompresi.
Juga, ketika prosesnya selesai, alat ini akan menunjukkan kepada Anda persentase kompresi dibandingkan dengan gambar aslinya.
Perhatikan bahwa ini memungkinkan Anda untuk mengompres file dalam empat format berbeda,: JPEG, PNG, GIF, dan SVG.
5) Optimasi
Ini adalah perangkat lunak pengoptimal gambar online yang menggunakan kombinasi cerdas dengan algoritma kompresi yang berbeda untuk mengurangi ukuran gambar dalam format JPEG dan PN, menjaga kualitas file.
Ini memungkinkan Anda untuk bekerja dengan hingga 20 gambar sekaligus, mengontrol kompresi dan juga membandingkan gambar.
http://optimizilla.com/es/
6) WP Smush
Ini adalah plugin WordPress yang selalu saya pasang di situs saya. Nama yang benar dari plugin itu adalah Smush Image Compression and Optimization.
Dengan menggunakan plugin ini, Anda akan dapat mengubah ukuran, mengoptimalkan, dan memadatkan semua gambar Anda, baik yang Anda impor maupun yang Anda tambahkan ke situs Anda sebelum memasang plugin.
Menurut pendapat saya, fungsionalitas terbaik dari plugin ini adalah memungkinkan Anda untuk mengatur lebar dan tinggi default untuk semua gambar Anda. Jika melebihi dimensi ini, plugin akan secara otomatis mengurangi file.
Selain itu, ia memiliki versi berbayar dengan fitur tambahan, seperti opsi untuk mengompres lebih banyak gambar secara bersamaan atau menyimpan cadangan semua gambar asli.
Smush – Lazy Load Images, Optimalkan & Kompres Gambar
7) Kraken.io
Kraken Image Optimizer adalah alat yang tersedia dalam versi online, tetapi juga memiliki plugin untuk WordPress atau Magento.
Keuntungan utama alat ini adalah untuk pengguna yang perlu: Mengurangi penggunaan bandwidth dan ruang, yang akan meningkatkan waktu pemuatan situs web.
Plugin ini memungkinkan Anda untuk mengoptimalkan dan mengubah ukuran gambar baru Anda, serta yang sudah disimpan di server.
Perangkat lunak ini mendukung file JPEG, PNG dan GIF dan ukuran file maksimum adalah 32 MB.
https://kraken.io/
Pengoptimal Gambar Kraken.io
8) Bayangkan Pengoptimal Gambar
Seperti alat sebelumnya lainnya, Imagify tersedia dalam versi web dan plugin untuk WordPress.
Dengan menggunakan plugin ini, Anda akan dapat: Meningkatkan kecepatan pemuatan situs Anda, menghemat waktu pada tugas pengoptimalan gambar, dan memeriksa kualitas file yang Anda gunakan.
Plugin ini dapat mengompresi dan mengubah ukuran perpustakaan WordPress Anda dengan satu klik, dan juga kompatibel dengan opsi lain, seperti WooCommerce dan Galeri NextGen.
https://imagify.io/
Imagify – Optimalkan Gambar Anda & Konversikan WebP
9) Photoshop
Untuk menyelesaikan ulasan saya tentang sepuluh alat ini untuk mengompresi gambar, saya akan berbicara tentang dua perangkat lunak.
Jika Anda suka bekerja di lingkungan Adobe, Photoshop memiliki opsi untuk mengoptimalkan gambar untuk digunakan di situs web.
Secara khusus, Anda akan menemukan fungsi ini di "simpan ke web atau "ekspor ke web" dan ini memungkinkan Anda memilih dimensi, kualitas, dan format gambar.
Anda hanya perlu menyesuaikan gambar sesuai dengan kebutuhan Anda dan mengunduh file yang dikompresi.
10) KERUSAKAN
Terakhir, saya ingin berbicara tentang RIOT, sebuah perangkat lunak yang memungkinkan Anda mendapatkan keseimbangan yang tepat antara kualitas dan ukuran gambar Anda.
Alat ini memungkinkan Anda untuk memeriksa kualitas file terkompresi lebih cepat, karena panelnya dibagi menjadi dua bagian: area dengan gambar asli dan satu lagi dengan versi yang dioptimalkan, sehingga Anda dapat memeriksa perbedaan secara berdampingan.
Adapun formatnya, memungkinkan kompresi file dalam format JPG, GIF, dan PNG. Itu dapat mengubah ukuran gambar menggunakan enam algoritma berbeda.
· Cara mengunggah gambar Anda ke Mailrelay
Sekarang setelah Anda mengetahui sepuluh alat ini untuk mengompres dan mengoptimalkan gambar Anda, saya ingin menjelaskan cara mengunggah gambar ini langkah demi langkah ke akun Mailrelay Anda dan memasukkannya ke dalam buletin Anda.
Hal pertama yang harus Anda ketahui adalah bahwa Mailrelay adalah perangkat lunak pemasaran email yang memungkinkan Anda mengirim buletin dan mengelola milis Anda. Anda dapat mengunggah gambar yang ingin Anda gunakan langsung ke akun Anda, tetapi saya akan menunjukkan cara melakukannya menggunakan platform CMS atau blogging.
Dalam hal ini, saya sarankan Anda meng-host gambar yang ingin Anda gunakan di buletin Anda secara eksternal. Jadi sekarang, saya akan menjelaskan cara mengimpornya ke WordPress Anda.
Hal pertama yang harus Anda lakukan adalah pergi ke galeri media atau blog situs Anda. Di sini Anda dapat mengelola semua gambar yang diunggah ke situs Anda dan juga menambahkan file baru.
Langkah selanjutnya adalah mengimpor gambar Anda, setelah mereka dioptimalkan menggunakan beberapa alat yang kami tunjukkan di bagian sebelumnya.
Anda dapat menarik atau melepaskannya secara langsung dengan mengklik "Tambah baru" dan memilihnya di komputer Anda.
Setelah memuat gambar, Anda dapat memilihnya untuk membuka detailnya.
Arahkan kursor ke gambar, klik kanan, dan pilih opsi "salin alamat gambar".
Dengan URL gambar yang tepat, buka akun Mailrelay Anda dan buat buletin baru. Jika Anda sudah membuat pesan, cukup edit dan sertakan gambarnya.
Untuk menambahkannya, klik tombol "Gambar" dan Anda akan melihat layar berikut:
Di jendela ini, Anda dapat mengelola properti gambar Anda. Untuk menambahkan yang baru, cukup tempel alamat yang Anda salin di langkah sebelumnya. Ketika Anda melakukan ini, Anda akan melihat gambar yang akan Anda impor.
Apa yang dapat Anda konfigurasikan properti gambar?
- Teks alternatif. Ini adalah teks yang akan dilihat pengguna ketika gambar tidak dimuat dengan benar. Mungkin saja, tergantung pada perangkat lunak email, gambar tidak berhasil dimuat. Sebaiknya tambahkan URL situs Anda untuk menghindari masalah.
- Ukuran (lebar dan tinggi dalam piksel). Di sini Anda harus memasukkan ukuran gambar Anda. Rekomendasi saya adalah lebarnya tidak melebihi 600px sehingga akan ditampilkan di smartphone dengan benar. Bahkan, jika Anda bisa menggunakan lebar 400 atau 500px, itu akan lebih baik.
- Tepian. Ukuran batas dalam piksel. Saya biasanya membiarkan bidang ini kosong, tetapi jika Anda ingin menambahkan batas, Anda harus mengonfigurasinya di opsi ini.
- Ruang horizontal dan vertikal. Anda dapat mengonfigurasi ruang horizontal dan vertikal untuk gambar dalam piksel.
- Penyelarasan. Pilih perataan kiri atau kanan gambar.
Setelah mengaturnya sesuai dengan desain buletin Anda, Anda akan memiliki sesuatu seperti ini:
Sekarang Anda hanya perlu mengklik tombol "Terima" untuk memasukkan gambar Anda ke dalam buletin.
Saya harap ulasan 10 alat untuk mengompresi gambar ini bermanfaat. Anda hanya perlu memilih opsi yang paling sesuai dengan kebutuhan Anda.
Sebelum kita mengakhiri posting ini, saya ingin menekankan pentingnya mengoptimalkan semua gambar Anda untuk mengurangi waktu yang dibutuhkan situs Anda untuk memuat dan peringkatnya di Google.
Bagaimanapun, saya yakin Anda ingin berada di halaman pertama untuk kata kunci utama Anda.