Cara Mengoptimalkan Gambar Untuk Web – Percayalah pada kami, Anda tidak ingin Google membenci situs web Anda. Untungnya, Anda dapat mengurangi ukuran file gambar untuk membantu meningkatkan kinerja situs web Anda. Satu masalah dengan memformatnya adalah bahwa modifikasi sering kali mengurangi kualitasnya (yang pada gilirannya dapat membuat pengunjung membenci situs web Anda).
Cara Mengoptimalkan Gambar Untuk Web
mypicpals – Itu bukan hal yang buruk selama Anda tidak membuatnya jelek. Ada beberapa trik dan teknik yang memungkinkan Anda mengurangi ukuran file gambar dan tetap cukup cantik untuk ditampilkan dengan bangga di situs web Anda. Jadi mari kita lihat cara memformat gambar Anda tanpa membuatnya jelek, serta cara mengoptimalkan gambar untuk web dan kinerja.
Manfaat Memformat Gambar Anda
Mengoptimalkan kinerja gambar memiliki banyak manfaat. Menurut Arsip HTTP, pada November 2018, gambar membentuk rata rata 21% dari total berat halaman web. Jadi dalam hal mengoptimalkan situs WordPress Anda , setelah konten video, gambar adalah tempat pertama yang harus Anda mulai! Ini lebih penting daripada skrip dan font. Dan ironisnya, alur kerja pengoptimalan gambar yang baik adalah salah satu hal termudah untuk diterapkan, namun banyak pemilik situs web mengabaikan hal ini. Berikut adalah melihat manfaat utama. Ini akan meningkatkan kecepatan pemuatan halaman Anda (lihat studi kasus kami di bawah ini untuk mengetahui seberapa besar pengaruhnya terhadap kecepatan Anda). Jika halaman Anda terlalu lama untuk dimuat, pengunjung Anda mungkin bosan menunggu dan beralih ke yang lain. Untuk informasi lebih lanjut tentang mengoptimalkan waktu pemuatan halaman Anda, lihat panduan pengoptimalan kecepatan halaman mendalam kami.
Baca Juga : Bagaimana Membuat Slideshow Dengan Renderforest?
Dikombinasikan dengan plugin WordPress SEO yang hebat , ini meningkatkan SEO Anda . Situs Anda akan mendapat peringkat lebih tinggi dalam hasil mesin pencari. File besar memperlambat situs Anda dan mesin pencari membenci situs yang lambat. Google juga cenderung merayapi dan mengindeks gambar Anda lebih cepat untuk pencarian gambar Google. Ingin tahu tentang berapa persentase lalu lintas Anda yang berasal dari pencarian gambar Google? Anda dapat menggunakan plugin atau segmen WordPress Google Analytics untuk memeriksa lalu lintas pencarian gambar Google . Membuat backup akan lebih cepat. Ukuran file gambar yang lebih kecil menggunakan bandwidth yang lebih sedikit. Jaringan dan browser akan menghargai ini. Membutuhkan lebih sedikit ruang penyimpanan di server Anda (ini tergantung pada berapa banyak thumbnail yang Anda optimalkan)
Cara Mengoptimalkan Gambar Untuk Web Dan Performa
Tujuan memformat gambar Anda adalah memukan keseimbangan antara ukuran file minimal dan kualitas yang dapat diterima. Ada lebih dari satu cara untuk melakukan hampir semua pengoptimalan ini. Salah satu cara paling populer adalah dengan mengompresnya sebelum mengunggahnya ke WordPress . Biasanya, ini dapat dilakukan di alat seperti Adobe Photoshop atau Affinity Photo. Beberapa tugas ini juga dapat dilakukan menggunakan plugin, yang akan kita bahas lebih lanjut di bawah ini. Dua hal utama yang perlu dipertimbangkan adalah format file dan jenis kompresi yang Anda gunakan. Dengan memilih kombinasi format file dan jenis kompresi yang tepat, Anda dapat mengurangi ukuran gambar sebanyak 5 kali. Anda harus bereksperimen dengan setiap gambar atau format file untuk melihat mana yang paling berhasil.
Pilih Format File Yang Tepat
Sebelum Anda mulai memodifikasi gambar, pastikan Anda telah memilih jenis file terbaik . Ada beberapa jenis file yang dapat Anda gunakan:
- PNG,menghasilkan gambar dengan kualitas lebih tinggi, tetapi juga memiliki ukuran file yang lebih besar.
- JPG, diciptakan sebagai format gambar lossless, meskipun bisa juga lossy.
- JPEG, menggunakan optimasi lossy dan lossless . Anda dapat menyesuaikan tingkat kualitas untuk keseimbangan kualitas dan ukuran file yang baik.
- GIF, Hanya ada 256 warna. Bagus untuk gambar animasi. Gunakan hanya kompresi lossless.
Kualitas Kompresi Vs Ukuran
Berikut adalah contoh dari apa yang bisa terjadi Anda mengompres gambar terlalu banyak. Yang pertama adalah menggunakan tingkat kompresi yang sangat rendah, yang menghasilkan kualitas tertinggi (tetapi ukuran file lebih besar). Yang kedua adalah menggunakan tingkat kompresi yang sangat tinggi, yang menghasilkan gambar berkualitas sangat rendah (tetapi ukuran file lebih kecil). Catatan: Gambar asli yang tidak tersentuh adalah 2,06 MB. Seperti yang Anda lihat gambar pertama di atas adalah 590 KB. Itu cukup besar untuk satu foto! Biasanya yang terbaik adalah jika Anda dapat menjaga berat total halaman web di bawah ukuran 1 atau 2 MB. 590 KB akan menjadi seperempat dari itu. Gambar kedua jelas terlihat mengerikan, tetapi kemudian hanya 68 KB. Yang ingin Anda lakukan adalah menemukan media yang menyenangkan antara tingkat kompresi (kualitas) dan ukuran file Anda.
Jadi kami mengambil gambar lagi pada tingkat kompresi sedang, kualitasnya terlihat bagus sekarang dan ukuran file adalah 151 KB, yang dapat diterima untuk foto resolusi tinggi. Ini hampir 4x lebih kecil dari foto asli dengan kompresi rendah. Biasanya gambar yang lebih sederhana seperti PNG harus di bawah 100 KB atau kurang untuk kinerja terbaik.