Optimasi Gambar untuk Situs WordPress Anda (Dalam 4 Langkah Sederhana)

Di dunia digital, menjadi cepat berarti menjadi sukses . Situs web yang cepat berarti lebih banyak hits, lebih banyak berbagi, dan lebih banyak penjualan.

Namun, kebutuhan akan kecepatan ini dapat bertentangan dengan keinginan Anda akan visual yang jelas. Lagi pula, apa artinya situs web tanpa gambar? Gambar memberikan karakter halaman web dan melibatkan pengguna. Dan jika Anda memiliki situs web fotografi, lingkungan yang kaya gambar mutlak diperlukan.

Namun, gambar dapat membebani situs. Itu sebabnya Anda perlu mengoptimalkannya. Dalam posting ini, saya akan membahas mengapa pengoptimalan gambar sangat penting dan memberikan empat langkah sederhana yang dapat Anda ikuti untuk membuat file gambar Anda lebih kecil – tanpa kehilangan kualitas yang nyata – sehingga situs Anda melihat waktu muat yang lebih cepat dan pengalaman pengguna yang mulus.

Mengapa Anda Harus Mengoptimalkan Gambar Anda

Mengurangi ukuran gambar akan mempercepat situs Anda; manfaat yang mungkin lebih besar dari yang Anda tahu.

Gambar menumpuk detik di atas waktu yang dibutuhkan halaman Anda untuk memuat. Dan ketika datang ke elemen web yang membuat situs Anda lamban, gambar sering kali menjadi penyebabnya. Google mengatakan bahwa "gambar sering kali merupakan sebagian besar byte yang diunduh pada halaman web dan juga sering menempati ruang visual yang signifikan."

Jika situs Anda memiliki fokus yang kuat pada fotografi, maka Anda memiliki lebih banyak gambar daripada webmaster biasa. Itu hanya memperburuk masalah kecepatan.

Gambar memperlambat situs Anda. Terus? Di situlah penelitian tentang kecepatan situs masuk ke dalam diskusi. Intinya adalah waktu pemuatan yang lambat akan merugikan bisnis Anda.

Google sebenarnya menggunakan kecepatan situs sebagai faktor saat menentukan peringkat pencarian. Ini bukan komponen inti dari peringkat, tetapi tetap penting.

Lebih penting lagi, Anda harus memahami bahwa untuk setiap detik laman Anda tertunda, Anda dapat melihat penurunan 7% dalam konversi . Dengan menganggap angka itu sebagai indikasi, jika Anda menghasilkan, katakanlah, $3.000 per bulan dari situs Anda, Anda kehilangan $210 pendapatan pada setiap pergantian kalender—kerugian $2.520 sepanjang tahun.

Tapi mungkin Anda tidak menghasilkan uang dari situs Anda. Mungkin Anda hanya ingin menghasilkan lalu lintas dan membangun pemirsa. Bahkan dalam kasus itu, kecepatan tetap penting. Misalnya, situs yang lebih lambat berarti lebih sedikit berbagi sosial. Ini juga berarti lebih sedikit kunjungan berkelanjutan. Faktanya, jika sebuah situs terhenti selama lebih dari tiga detik, 40% orang akan mengabaikannya .

Google melakukan eksperimen menarik untuk mengevaluasi dampak kecepatan situs. Setelah beberapa pengguna mengatakan mereka lebih suka 30 hasil pencarian per halaman, perusahaan mencobanya pada beberapa halaman. Apa yang mereka temukan adalah bahwa menambahkan hasil ekstra menambahkan setengah detik untuk memuat waktu—dan memotong lalu lintas sebesar 20%.

Jadi, bagaimana Anda sebagai fotografer menghindari potensi jebakan situs web berbasis gambar? Berikut cara mengoptimalkan gambar untuk kinerja yang lebih baik:

Langkah 1: Pangkas Gambar Anda

Langkah pertama ini agak sederhana: potong gambar Anda.

Mengapa? Dua alasan:

1. Daya tarik estetika.
2. Ukuran file lebih rendah.

Yang pertama cukup jelas. Ada berbagai cara untuk memotong gambar yang meningkatkan daya tarik visual. Sebagai profesional kreatif, Anda mungkin sudah melakukan cropping. Jika tidak, inilah saatnya untuk mulai memikirkan bagaimana Anda dapat menggunakan pemotongan untuk menghapus detail yang tidak diinginkan, memfokuskan kembali penekanan bidikan, dan seterusnya.

Tapi daya tarik estetika hanyalah bonus. Dampak besar terletak pada kemampuan cropping untuk mengurangi ukuran file. Jika Anda memotong seluruh bagian gambar—apakah itu berarti memotong beberapa piksel dari sisi kiri atau menghilangkan area yang lebih besar di pinggiran—Anda mengurangi jumlah data yang perlu ditransfer ke pengunjung.

Langkah 2: Pilih Jenis File yang Benar

Setelah Anda memangkas gambar, langkah pertama pengoptimalan gambar adalah memilih jenis file. Beberapa format file melihat penggunaan umum untuk gambar di web, dan masing-masing baik untuk hal yang berbeda.

Ini bukan masalah ada satu jenis file untuk mengatur semuanya (ini bukan Lord of the Rings ). Sebaliknya, jenis file seperti alat di kotak alat; Anda harus memilih yang tepat untuk pekerjaan itu.

Berikut adalah format file utama yang harus Anda pertimbangkan:

JPEG

Format file ini dibuat khusus untuk mengompresi gambar secara efektif, khususnya data fotografi.

Ini adalah pilihan terbaik untuk fotografi atau gambar realistis lainnya dengan detail yang signifikan. JPEG memiliki kompresi 'lossy', yang berarti bahwa meskipun mereka mengoptimalkan dengan baik, mereka melakukannya dengan mengorbankan beberapa informasi. Untuk foto rata-rata Anda, JPEG yang dikompresi dengan baik akan melakukan pekerjaan yang baik dengan sedikit kehilangan kejernihan gambar.

GIF

Meskipun merupakan jenis file gambar tertua yang umum digunakan saat ini, GIF masih berguna.

Mereka hanya mendukung 256 warna, jadi Anda tidak akan pernah ingin menggunakannya untuk ilustrasi, lukisan, atau fotografi. Namun, GIF dapat memiliki latar belakang transparan, yang bagus. Lalu ada ciri khas GIF: animasi. Ukuran file kecil mudah didapat di sini, jadi pertimbangkan untuk menyimpan gambar Anda sebagai GIF jika sederhana atau melibatkan animasi.

PNG

Seperti GIF, file PNG mendukung latar belakang transparan. Tapi tidak seperti GIF, mereka benar-benar 'lossless' dan dapat menggabungkan berbagai warna. Anda tidak ingin menyimpan foto sebagai PNG, tetapi jika Anda memiliki gambar dengan transisi berbeda dan area besar dengan warna solid (teks dan grafik muncul dalam pikiran), maka format PNG akan bekerja paling baik.

SVG

Akronim jenis file ini adalah singkatan dari Scalable Vector Graphics. SVG menggunakan bahasa markup untuk menghasilkan gambar yang dapat diskalakan ke berbagai ukuran. Format SVG sangat ideal untuk grafik dua dimensi, dan akan sangat meningkatkan kecepatan situs. Namun, jenis file ini masih dalam tahap awal dan dukungan browser agak tidak merata.

Langkah 3: Pilih Program Pengoptimalan Gambar yang Baik

Membuat keputusan tentang pemotongan dan jenis file bisa melelahkan. Untungnya salah satu cara terbaik untuk mengurangi ukuran file melibatkan beberapa keputusan di pihak Anda.

Program pengoptimalan gambar melakukan banyak pekerjaan berat. Berikut adalah beberapa yang hebat:

• kecilPNG. Aplikasi berbasis web ini secara selektif menurunkan jumlah warna dalam file PNG Anda, yang mengurangi ukuran file dengan perbedaan kualitas gambar yang nyaris tak terlihat.
• JPEGmini. Yang mendasari perangkat lunak ini adalah teknologi yang menunggu paten yang berupaya mengurangi ukuran gambar sebanyak mungkin tanpa memengaruhi kualitas. Anda bisa mendapatkan uji coba gratis atau membayar untuk menggunakannya secara berkelanjutan.
• KERUSUHAN. Alat Pengoptimalan Gambar Radikal, yang dapat Anda unduh secara gratis, menggunakan berbagai teknik untuk mengurangi ukuran file gambar. Program ini rapi karena memberi Anda tampilan berdampingan dari gambar asli dan gambar yang baru dioptimalkan.
• Optin Gambar. Ini adalah aplikasi gratis untuk Mac yang juga menggunakan berbagai teknik untuk mengurangi ukuran gambar sambil mempertahankan kualitas semaksimal mungkin.

Di luar aplikasi mandiri, WordPress menawarkan sejumlah plugin yang memungkinkan Anda mencapai tujuan yang sama dengan lebih mudah. Inilah tiga teratas kami:

1. Pengoptimal Gambar EWWW
2. TinyPNG untuk WordPress
3. WP Smush.it

Langkah 4: Buat Thumbnail

Thumbnail adalah cara yang bagus untuk menyeimbangkan tradeoff antara ukuran file kecil dan gambar resolusi tinggi yang besar.

Sebagai bagian dari fungsionalitas default, WordPress menyediakan opsi thumbnail, yang menghasilkan pratinjau kecil (baik dalam ukuran fisik maupun file) dari gambar. Gambar-gambar ini dapat mengurangi waktu pemuatan halaman secara dramatis.

Masalah dengan gambar kecil, tentu saja, adalah Anda tidak bisa memamerkan detail yang semarak dari foto atau gambar tertentu. Untungnya, WordPress menyediakan cara mudah untuk mengatasi hal ini. Saat Anda memasukkan thumbnail ke dalam posting atau halaman, Anda dapat menambahkan tautan ke gambar asli dengan membuka menu lampiran dan memilih “File media.” Pengunjung kemudian dapat mengeklik gambar mini untuk melihat versi gambar yang diperbesar dengan resolusi tinggi.

Kesimpulan

Kecepatan situs itu penting. Tanpa itu, Anda mungkin hidup, tetapi Anda tidak akan berkembang . Titik leverage utama untuk mengurangi kecepatan memuat halaman adalah mengoptimalkan gambar Anda sebelum menempatkannya secara online.

Taktik atau program apa yang Anda gunakan untuk mengoptimalkan gambar? Beri tahu kami dengan menjatuhkan baris di komentar. Dan jika Anda memiliki pertanyaan, jangan ragu untuk bertanya!

Kredit Gambar: Wikimedia