Panduan Ultimate untuk Manajemen Gambar WordPress

  1. 1. Sedang membaca: Panduan Ultimate untuk Manajemen Gambar WordPress
  2. 2. 3 Kiat Pengelolaan Gambar yang Kurang Dikenal di WordPress
  3. 3. Kesalahan Gambar WordPress & Cara Memperbaiki Mereka

Dampak visual adalah salah satu fitur terpenting dalam rencana pemasaran konten yang berdampak. Selamat datang di seri posting baru – Panduan Ultimate untuk Manajemen Gambar di WordPress.


Ini dirancang untuk memberi Anda alat yang diperlukan untuk mengelola aset gambar Anda di WordPress – langsung dari optimasi teknis, SEO, integrasi CDN, dan manajemen perpustakaan. Dalam panduan multi-bagian ini, kami hanya akan merekomendasikan metode, tutorial, plugin, dan tema yang telah kami coba atau direkomendasikan oleh pakar industri.

Kami juga akan menghindari plugin yang membabi buta yang memiliki penggunaan tinggi di repositori WordPress. Alih-alih, kami akan merekomendasikan orang-orang yang mencapai akord sempurna antara proposisi nilai dan pengoptimalan kinerja.

Anda mungkin bertanya-tanya bagaimana kita akan melakukannya. 24.000+ unduhan tema WordPress Total – Serbaguna Responsif kami di ThemeForest mungkin bukan indikator yang bagus.

Yah, kami telah menjelajahi berbagai blog terbaik dari perusahaan hosting WordPress terkemuka di industri (seperti WPEngine dan Pagely) dan belajar apa mereka pelajari ketika melayani miliaran tampilan halaman di ribuan klien profil tinggi. Kami telah mengompres semua informasi ini untuk Anda menjadi paragraf kecil dan poin-poin untuk kesuksesan online Anda. Sekarang mari kita mulai?

Kiat Optimasi Teknis dan Kinerja untuk Gambar WordPress

Ada beberapa opsi pengoptimalan gambar yang tersedia di WordPress tidak meletakkan beban yang tidak perlu di server web. Kami akan melihat beberapa kiat pengoptimalan gambar yang paling umum bagi semua orang Sebaiknya ikuti, bersama dengan beberapa orang lain yang berguna di acara-acara khusus.

JPG atau PNG? Menggunakan Format Gambar yang Benar

Langkah pertama dalam optimasi gambar adalah awal yang baik. Mereka mengatakan pekerjaan yang dimulai dengan baik setengah dilakukan. Itulah yang terjadi pada optimasi gambar di WordPress. Semuanya dimulai dengan memilih format gambar yang tepat. JPG dan PNG adalah dua format gambar yang paling umum digunakan online dalam pemasaran konten.

Caranya adalah memahami format mana yang harus dipilih untuk setiap jenis gambar. Memilih yang salah menyebabkan peningkatan besar dalam ukuran gambar. Ini peraturannya.

Kapan harus menggunakan format PNG?

Untuk gambar datar – seperti vektor, ilustrasi, font, logo, spanduk, bentuk, spanduk, dll. – apa pun yang dibuat dalam format vektor seperti format EPS atau Adobe Illustrator (.AI), gunakan PNG. Anda akan mendapatkan gambar yang dioptimalkan dengan kehilangan kualitas hampir nol. Jika Anda menggunakan JPG dalam hal ini, Anda tidak akan kompromi dalam hal ukuran, tetapi mungkin kehabisan kualitas. Bahkan, pada resolusi yang lebih tinggi, PNG akan lebih ringan tanpa kehilangan kualitas. JPG akan menderita.

Ambil contohnya. Kami akan membuat gambar datar pada 5000px dan menyimpannya sebagai JPG dan PNG.

Gambar sampel digunakan untuk pengujian

Gambar datar
JPG233KB
PNG42KB

Singkatnya, gambar JPG adalah 455% lebih tinggi dari PNG untuk resolusi yang sama.

Kapan menggunakan format JPG?

Untuk yang lainnya, gunakan JPG. Apa pun selain gambar datar atau vektor, gunakan JPG. Foto orang, tempat, benda, dll. – gunakan JPG. Hampir semua stok foto dalam kategori ini menggunakan JPG. Jika Anda menggunakan PNG sebagai ganti JPG, Anda akan menemukan beberapa masalah kinerja yang serius.

Anda harus ekstra hati-hati dalam hal ini. Jika Anda menggunakan JPG sebagai pengganti PNG, akan ada sedikit atau tidak ada kerusakan. Namun, jika Anda menggunakan PNG berdarah jika terjadi JPG, Anda membuat banyak ruang untuk kerusakan. Lihatlah contoh ini.

Mendirikan: Saya sudah mengunduh gambar ini dari Shutterstock, yang beratnya sekitar 10.3MB pada resolusi 6149 × 4562 – pada dasarnya foto stok 28MP. Kecuali jika kami menyiapkan sesuatu seperti brosur siap-cetak, kami tidak akan menggunakan resolusi penuh dari foto di blog kami. Katakanlah kita memiliki ukuran gambar tetap maksimum untuk blog kita 1600px.

Percobaan: Kami akan mengubah ukuran gambar sumber menjadi 1600px dan membuat empat versi – dua untuk format PNG dan dua untuk JPG. Untuk setiap format (JPG / PNG), kami akan menggunakan (a) merekomendasikan pengaturan kompresi dan (b) pengaturan kompresi maksimum.

Contoh gambar untuk percobaan JEPG

Hasil: Berikut adalah hasil bagan yang bagus untuk Anda ikuti:

Gambar Asli (KB)

10870
Resolusi Target1600px
FormatPengaturanUkuran (KB)% Pengurangan
JPGProgresif, Kualitas = 8523198%
Non-Progresif, Kualitas = 8523998%
PNGKompresi = 0557549%
Kompresi = 6185283%
Kompresi = 9175084%

Dari pandangan pertama, orang mungkin berpikir bahwa 84% kompresi PNG adalah cukup baik versus 98% yang diraih di JPG. Itu tidak sepenuhnya benar. Jika Anda melihat lebih dekat pada ukuran gambar, Anda akan melihat bahwa PNG beratnya sedikit di atas 1,7MB sedangkan JPG adalah 0,22MB. Yang berarti PNG 8 kali lebih berat dari JPG versi gambar yang sama pada resolusi yang sama. Dengan kata lain, untuk gambar dan resolusi yang sama, versi JPG lebih ringan 700% dari PNG!

Untuk gambar dan resolusi yang sama, versi JPG lebih ringan 700% dari PNG!

Sebagai patokan, gunakan PNG untuk gambar datar dan JPG untuk yang lainnya.

Daftar periksa untuk Mengunggah Stok foto di Blog

Ada banyak blog di mana editor secara langsung mengunggah versi resolusi penuh dari gambar di posting blog mereka. Berikut adalah beberapa petunjuk untuk mengunggah foto stok ke blog. Saya menggunakan perangkat lunak gratis bernama IrfanView yang memiliki banyak fitur luar biasa. Saya akan menggambarkan masing-masing untuk Anda.

1. Ubah Ukuran Gambar Anda

Pertama, Anda perlu memutuskan resolusi maksimal untuk semua gambar Anda di situs WordPress Anda. Setiap gambar di atas dimensi itu akan diubah ukurannya, kecuali tentu saja lebih kecil.

IrfanView mempunyai sebuah Konversi Batch fitur (tekan B setelah meluncurkan aplikasi) yang dapat menerapkan daftar fungsi ke banyak gambar sekaligus. Untuk keperluan kami, fungsi-fungsinya termasuk mengubah ukuran, memotong, menambahkan tanda air, dll.

2. Hapus Data EXIF

Foto yang diklik pada kamera biasa sudah banyak tertanam metadata – yang tidak lain adalah bit kecil (tetapi berguna) informasi tentang gambar. Contoh info tersebut termasuk koordinat tempat GPS yang diklik, pengaturan ISO, model kamera, dll.

Info EXIF ​​dari foto acak yang diklik di iPhone saya

Kecuali jika kita melakukan foto-blog, kita biasanya tidak ingin info seperti itu dalam gambar posting blog. Saat Anda menyimpan atau mengonversi gambar secara berkelompok di IrfanView, data EXIF ​​biasanya dihapus. Ini membantu menjaga privasi Anda – terutama lokasi fisik Anda. Perbedaan ukuran untuk sebagian besar foto adalah sekitar 200-300 KB per gambar.

3. Simpan sebagai JPG Progresif

IrfanView menyimpan JEPG secara progresif secara default

Gambar JPG progresif memuat gambar lapis demi lapis – dengan demikian mempercepat waktu pengambilan. Jaringan Pengiriman Konten seperti KeyCDN telah dimulai secara otomatis mengkonversi JPG untuk JPG progresif untuk mempercepat pengiriman gambar dan mengoptimalkan penyimpanan.

4. Atur DPI ke 72

DPI atau titik per inci adalah ukuran kualitas gambar. Nilai DPI tinggi digunakan untuk bahan cetak. Untuk web, nilai 72 sempurna.

Oke, jadi rangkum di atas, berikut ini adalah pengaturan saya. Saya menjalankan fitur ini setelah saya mengumpulkan semua gambar untuk posting blog saya – sebelum mengunggah gambar ke WordPress.

Pengaturan konversi batch di IrfanView untuk blog WordPress khas

5. Optimalkan Gambar Anda

Tidak masalah apakah Anda pernah menggunakan JPG atau PNG, Anda perlu mengoptimalkan gambar Anda. Ada banyak alat daring yang sangat luar biasa yang membantu Anda mengoptimalkan gambar dan menyimpan banyak ruang.

Saya berbicara tentang layanan seperti TinyPNG atau TinyJPG yang hanya mengoptimalkan gambar PNG / JPG Anda dengan beberapa algoritma canggih.

Gambar yang dioptimalkan dalam TinyPNG

Sejujurnya, saya tidak tahu bagaimana algoritma bekerja, tetapi mereka lakukan dan saya selalu bisa mendapatkan pengurangan 50-70% tidak peduli seberapa baik saya menyimpannya.

Anda juga dapat membeli versi pro layanan sebagai plugin Photoshop untuk $ 50 USD. Versi Windows dan Mac tersedia. Untuk tujuan saya, versi online (ditambah dengan Simpan ke Dropbox fitur) berfungsi paling baik.

Plugin Pengoptimalan Gambar di WordPress

Sejauh ini, kami telah mempelajari langkah-langkah untuk mendapatkannya mulai Baik. Bagaimana jika Anda menemukan posting ini sekarang, dan sudah memiliki 100-an gambar diunggah? Nah, berikut ini beberapa plugin untuk membantu Anda:

EWWW Cloud Image Optimizer

Plugin ini adalah garpu yang asli dan sangat populer EWWW Pengoptimal Gambar plugin. Mengumpulkan lebih dari 500.000 unduhan, plugin pengoptimalan gambar ini memungkinkan Anda untuk mengoptimalkan gambar saat diunggah ke WordPress.

Apa yang membedakannya dari kompetisi adalah kemampuannya untuk mengoptimalkan gambar yang ada di database Anda, yang menghasilkan tonjolan kinerja yang sangat besar. Ini juga menghemat biaya bandwidth yang signifikan karena sebagian besar lalu lintas Anda berasal dari artikel lama. Anda juga dapat secara opsional memilih untuk mengaktifkan kompresi gambar yang hilang (yang nyaris tidak terlihat oleh mata telanjang) tetapi dapat menghemat banyak ruang dan bandwidth. Dalam hal teknologi optimasi, ia dapat menggunakan TinyPNG atau TinyJPG’s API untuk mengoptimalkan gambar baru dan yang sudah ada.

Tapi ini masalahnya. Banyak host (termasuk WPEngine) tidak mengizinkan plugin EWWW Image Optimization karena menempatkan banyak beban tambahan di server. Jika Anda entah bagaimana berhasil melewati pembatasan server, Anda mungkin berisiko akun Anda ditangguhkan karena pelanggaran kebijakan.

Di sinilah tempat EWWW Cloud Optimizer plugin datang untuk bermain. Ini mengeluarkan semua perhitungan yang diperlukan untuk mengoptimalkan gambar ke cloud dan hanya mengganti gambar yang tidak dioptimalkan dengan yang dioptimalkan. Karena hampir nol daya CPU digunakan untuk kompresi, tidak ada beban tambahan pada server. Ini berlaku untuk semua konversi gambar baru dan yang ada di situs WordPress Anda.

Paket & Harga: Seperti yang diharapkan, plugin ini tidak gratis karena pengembang harus membayar tagihan cloud computing. Namun demikian harga sangat wajar dengan biaya $ 9 USD untuk 3000 optimasi gambar untuk langganan prabayar.

Plugin EWWW Cloud Optimizer dirancang dengan indah. Pemindai media memberi tahu Anda berapa banyak gambar yang perlu Anda optimalkan sebelum melakukan pembelian. Berdasarkan gambar server Anda, Anda dapat membeli paket prabayar yang relevan.

Plugin WordPress TinyPNG

Ini plugin pengoptimalan gambar hebat lainnya yang terintegrasi langsung dengan layanan TinyPNG / JPG. Secara otomatis gambar baru dan yang sudah ada diunggah ke perpustakaan media WordPress. Plugin ini menawarkan paket gratis optimasi gambar 100 per bulan.

Freddy telah menyusun daftar plugin pengoptimalan gambar beberapa waktu lalu – bacalah jika Anda ingin tahu lebih banyak tentang topik ini.

Kesimpulan

Ini membawa kita ke akhir pos pertama dalam seri ini. Pada artikel selanjutnya, pelajari juga beberapa kiat dan trik pengoptimalan gambar yang kurang dikenal seperti mencegah hotlinking, mengambil gambar dari server jarak jauh dan sejenisnya. Apakah Anda memiliki beberapa kiat di bawah memulai dengan benar kategori? Beri tahu kami di komentar di bawah.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map