Di artikel selanjutnya kita akan melihat caranya mengonversi gambar ke format WebP. Jika Anda mendedikasikan diri Anda untuk membuat halaman web, Anda pasti sudah tahu bahwa salah satu praktik terbaik untuk mengoptimalkan kinerja situs web Anda adalah dengan menggunakan gambar terkompresi. Pada artikel ini, kita akan melihat bagaimana menggunakan format WebP. Dengannya kita dapat membuat gambar terkompresi dan berkualitas untuk digunakan di halaman web kita.
WebP adalah format gambar yang relatif baru yang menawarkan kompresi lossless dan lossy yang luar biasa untuk gambar di web. Format ini telah dirancang oleh google. Untuk menggunakannya, Anda perlu mengunduh utilitas yang telah dikompilasi sebelumnya untuk Gnu / Linux, Windows, dan Mac OS X.
WebP adalah format gambar baru yang memberikan kompresi lossless dan lossy untuk file PNG dan JPEG. Dengan format ini kita akan mencapai ukuran gambar hingga 34% lebih kecil. Itu kompatibel dengan Google Chrome dan Opera. Kita dapat menggunakan Nginx dan Apache untuk menentukan apakah format ini didukung oleh Agen Browser dan kemudian menyajikan gambar dalam format baru, bukan gambar asli. Format file ini juga mendukung gambar animasi, yang dapat menyebabkan pengurangan ukuran gambar yang besar.
Dengan format WebP, webmaster dan pengembang web bisa buat gambar yang lebih kecil dan lebih kaya yang membuat web lebih cepat.
Instal alat WebP di Ubuntu
Untungnya, paket webp adalah hadir di repositori resmi Ubuntu. Kami dapat menginstalnya menggunakan manajer paket APT. Kami hanya perlu membuka terminal (Ctrl + Alt + T) dan menulis di dalamnya:
sudo apt install webp
Kami juga dapat memilih Ubuntu dan distribusi Gnu / Linux lainnya unduh paket webp dari repositori google. Untuk ini kami akan menggunakan perintah wget dengan membuka terminal (Ctrl + Alt + T) dan mengetik:
wget -c https://storage.googleapis.com/downloads.webmproject.org/releases/webp/libwebp-0.6.1-linux-x86-32.tar.gz
Hal selanjutnya yang akan kita lakukan adalah mengekstrak file dan pindah ke direktori paket yang diekstrak sebagai berikut:
tar -xvf libwebp-0.6.1-linux-x86-32.tar.gz cd libwebp-0.6.1-linux-x86-32/ cd bin/ ls
Alat bawaan
Seperti yang Anda lihat pada gambar di atas, paket berisi pustaka yang telah dikompilasi sebelumnya (libwebp) untuk menambahkan berbagai utilitas web yang tercantum di bawah ini:
- anim_diff → Ini adalah alat untuk menunjukkan perbedaan antara gambar animasi.
- anim_dump → Ini adalah alat untuk membuang perbedaan antara gambar animasi.
- cwebp → Ini adalah alat untuk pengkodean webp.
- dwebp → Ini adalah alat untuk decoding webp.
- gif2webp → Alat untuk mengonversi gambar GIF ke webp.
- img2webp → Alat untuk mengubah urutan gambar menjadi file web animasi.
- vwebp → Ini adalah file penampil file webp.
- webpinfo → Alat ini digunakan untuk melihat informasi tentang file gambar webp.
- webpmux → Satu alat mux dari webp.
Kami akan dapat melihat semua opsi untuk alat sebelumnya dengan menjalankannya tanpa argumen apa pun atau menggunakan -bendera bantuan panjang. Sebagai contoh:
cwebp -longhelp
Terakhir, jika kita ingin menjalankan program sebelumnya tanpa menulis path absolutnya, kita hanya perlu menambahkan direktori ~ / libwebp-0.6.1-linux-x86-32 / bin untuk kami Variabel lingkungan PATH di file ~ / .bashrc kami. Untuk melakukan ini kita akan mengeksekusi di terminal (Ctrl + Alt + T):
vi ~/.bashrc
Di bagian terakhir file kami akan menambahkan:
export PATH=$PATH:~/libwebp-0.6.1-linux-x86-32/bin
Setelah selesai, kita hanya perlu menyimpan file dan menutupnya. Saat pergi kami akan membuka jendela terminal baru dan sekarang kita dapat menjalankan semua program web seperti perintah sistem lainnya.
Mengonversi gambar menjadi webp
Untuk mengonversi gambar ke webp, kita bisa gunakan alat cwebp. Di dalamnya parameter -q mendefinisikan kualitas keluaran dan -o menentukan berkas keluaran. Berikut contohnya:
cwebp -q 80 ubunlog.jpeg -o ubunlog.webp
Lihat gambar yang dikonversi
Setelah konversi selesai, kita bisa lihat gambar webp menggunakan alat vwebp. Seperti yang Anda lihat dalam tangkapan, gambar yang sama memiliki perbedaan tertentu sehubungan dengan gambar dalam format jpeg.
vwebp ubunlog.webp
WebP hanyalah salah satu dari banyak produk yang berasal dari upaya berkelanjutan Google untuk membuat web lebih cepat. Jika kita ingin tahu lebih banyak tentang format gambar ini, kita bisa mengunjungi Situs web proyek WebP.