Loncat ke Konten Utama

Cara menyediakan gambar WebP alih-alih PNG & JPG tradisional

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

lebih 901.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

Google berada di puncak rantai makanan di Internet. Masyarakat mempengaruhi (atau mendikte) banyak hal yang terjadi secara online. Dan format gambar baru mereka, WebP, melanjutkan tren ini. Dengan kecepatan memuat halaman menjadi semakin penting (terutama karena Google Page Rank), pengembang dan desainer melihat kompresi gambar sebagai cara termudah untuk mengurangi waktu muat. Gambar Google WebP kira-kira 30% lebih kecil dari gambar JPG atau PNG biasa dan mempertahankan kualitas yang setara. Yang terbaik dari semuanya, Anda tidak perlu khawatir tentang mengonversi gambar Anda ke WebP secara manual.

Pada artikel ini, kami akan menunjukkan cara menggunakan format gambar baru ini dengan WordPress, meskipun belum didukung secara default.

Gunakan Optimole untuk menyajikan file WebP di WordPress

WebP, sebagai format gambar, tidak didukung secara default di WordPress. Anda dapat mengunggah gambar .webp, tetapi seperti file SVG, Anda mungkin menerima pesan kesalahan. Dan sekali lagi, untuk penggunaan File SVG dengan WordPress , ada solusi sederhana melalui plug-in.

Solusi gambar Wordpress

Di antara layanan WebP yang diuji, Optimole menonjol dari yang lain. Itu memang dapat beroperasi dengan konfigurasi minimum. Oleh karena itu, kami ingin menjelaskan kepada Anda cara mengonfigurasinya dan membuat instalasi WordPress Anda kompatibel dengan format WebP semudah mungkin.

Pertama, Anda tentu ingin unduh dan pasang plugin itu sendiri . Ada di direktori WP.org, dan sepenuhnya gratis. Karena layanan berbasis API yang mengaktifkannya (sampai titik tertentu). Meskipun dimungkinkan untuk mengonversi gambar tradisional ke WebP dengan cepat menggunakan PHP, tidak semua host web memberikan izin ini ke server Anda. Jika Anda memiliki izin ini, Anda juga dapat melihat plugin tersebut WebP ExpressAnda mendapatkan banyak kendali dengan itu , tetapi ini adalah sistem yang membutuhkan lebih banyak konfigurasi agar dapat berjalan dengan lancar.

Setelah Optimole diinstal dan diaktifkan di situs web WordPress Anda, Anda akan menemukan opsi menu baru Media - Optimole .

Kunci API Optimole Anda

Sebelum Anda dapat mengakses pengaturan atau konfigurasi, Anda harus memiliki akun Optimole. Jika Anda telah mengonfigurasinya, Anda dapat mengklik tombolnya Saya sudah memiliki kunci API . Jika tidak, simpan dan kirim kunci API melalui email . Akun kunci API dasar gratis dan Anda mendapatkan sekitar 5 klik pada level ini. Jika Anda membutuhkan lebih dari itu, tersedia tingkatan harga.

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda untuk dengan mudah membuat desain situs web apa pun dengan tampilan profesional. Berhentilah membayar mahal untuk apa yang dapat Anda lakukan sendiri. [Gratis]

Harga harga

Optimole mendefinisikan kunjungan sebagai " siapa pun yang mengunjungi Anda jika Anda sekali [. . .] Setiap pengguna hanya dihitung sekali. Tidak peduli apa yang mereka lakukan di situs Anda, berapa banyak gambar yang mereka unduh atau berapa banyak halaman yang mereka kunjungi; itu hanya pengguna. Jika mereka meninggalkan situs Anda dan kembali pada hari yang sama, mereka tetaplah pengguna. "

Setelah kunjungan yang diukur habis, hanya gambar WebP yang berhenti ditayangkan. Gambar Anda sendiri tidak. Anda akan menemukan kunci API di dasbor Optimole Anda di bagian paling atas.

Cukup tempelkan ke dasbor WordPress Anda, dan Anda akan siap untuk mulai menyebarkan gambar WebP dengan WordPress.

Dasbor WordPress Optimole Anda

Di dasbor WordPress Anda, Anda mendapatkan informasi dasar tentang pengoptimalan WebP Anda. Ini memungkinkan Anda untuk memecahkan masalah dan menilai keberhasilan akselerasi ini. Dengan cara ini, Anda dapat mengubah berbagai pengaturan.

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin terbaik dan tema WordPress di Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

Dasbor Optimole

Pertama, Anda melihat akun yang terkait dengan API, lalu di bagian bawah layar, plugin menampilkan gambar terbaru yang dioptimalkan. Anda dapat melihat seberapa kecil gambar WebP yang disajikan daripada gambar asli yang Anda unggah ke WordPress.

Lalu ada tab kesulitan mungkin di atas. Tidak ada yang suka melihat tab yang disorot, tetapi kita juga perlu melihat konflik apa yang mungkin muncul.

Kesalahan dasbor optimal

Masalah utama yang kami hadapi adalah dengan kompresi gambar dan plugin pengiriman lainnya. Seperti yang Anda lihat pada gambar di atas, plugin Jetpack berfungsi mirip dengan Optimole melalui Photon APIT , agar mereka bisa membenturkan kepala. Bagi kami, ini terwujud dalam kenyataan bahwa tidak ada gambar yang dikirimkan kepada pengunjung. Kami belum mengalami masalah apa pun dengan layanan kompresi lain seperti TinyPNG atau Smush.

Menggunakan dasbor

Jika Anda ingin informasi lebih rinci tentang cara kerja situs Anda dengan WebP, Dasbor Eksternal Optimole berisi informasi ini untuk Anda.

Menggunakan dasbor optimole 1

Daripada hanya 9,5 kali lebih kecil, Anda dapat melihat ukuran sebenarnya dari file yang sedang disajikan. Serta file itu sendiri selama periode 30 hari.

Laporan Dasbor Optimole 1

Anda juga dapat mengatur watermark di dasbor Optimole (atau WP) sehingga siapa pun yang menerima WebP dari situs WordPress Anda akan secara otomatis menerima logo Anda. Ini adalah proses yang mudah, dan Anda mendapatkan kendali atas opasitas, lokasi, dll.

Buat Toko Online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [Rekomendasi]

Penyetelan plugin Optimole

Pada dasarnya Anda dapat melakukan hal yang sama dari kedua dasbor. Baik di bawah tab Parameter WordPress, atau dengan mengunjungi dasbor Optimole eksternal. Itu semua tergantung pada apa yang paling Anda sukai, serta berapa banyak data yang Anda butuhkan pada waktu tertentu.

Selain itu, Anda akan dapat mengontrol tingkat kompresi, pemuatan lambat, dan kapan / jika gambar tertentu di-streaming sebagai WebP berdasarkan nama file. Anda akan menemukan semua ini di tab Parameter de Media - Optimole .

Lazyload plugin wordpress

pak

Bagian terbaik tentang menggunakan WebP dengan situs web WordPress adalah Anda tidak perlu mengerjakan file secara manual. Tidak ada unduhan tambahan, tidak ada waktu kompresi tambahan, tidak ada. Karena cara kerja API, semua proses dan penghitungan dilakukan dengan cepat dalam waktu nyata. Google benar-benar membuat internet lebih cepat dengan menggunakan WebP daripada JPG atau PNG. Namun, keuntungan utamanya adalah bahwa gambar mempertahankan kualitas yang sama, meskipun ukurannya sangat diperkecil. Mungkin menarik bagi Anda bahwa Google memaksa Anda menggunakan format mereka untuk mempercepat situs Anda sehingga dapat memberi peringkat lebih tinggi dan pengalaman pengguna akhir juga lebih baik. Dan itulah yang penting pada akhirnya.

Artikel ini berisi komentar 0

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Kembali ke atas