Cara mengubah ukuran gambar di wordpress

Ukuran gambar WordPress lebih kompleks dari yang Anda duga. Penting untuk memahami cara kerja ukuran gambar di WordPress, ukuran gambar default, dan cara menentukan ukuran gambar khusus untuk mengelola situs web Anda secara efektif

Memiliki pengetahuan ini di bawah ikat pinggang Anda akan memastikan Anda memiliki jenis gambar yang sesuai dalam ukuran yang sesuai di lokasi yang tepat sehingga Anda bisa mendapatkan hasil maksimal dari strategi konten visual Anda

Taktik ini juga akan meningkatkan kelayakan posting Anda, yang akan menghasilkan lebih banyak visibilitas dan lalu lintas. Statistik mengungkapkan bahwa pembaca hanya mengingat 10% dari konten teks yang mereka baca setelah tiga hari, tetapi jumlah ini meningkat hingga 65% jika Anda menambahkan gambar yang menarik secara visual ke konten Anda

Dalam panduan ekstensif ini, Anda akan mempelajari semua yang perlu Anda ketahui tentang ukuran gambar WordPress

Bersemangat?

Lebih suka menonton versi video?

Bagaimana WordPress Mengelola Gambar yang Anda Unggah

Mengunggah gambar ke WordPress cukup mudah, tetapi banyak hal yang terjadi di backend WordPress saat menanganinya

Perlu memberikan shoutout di sini. Kinsta luar biasa, saya menggunakannya untuk situs web pribadi saya. Dukungannya cepat dan luar biasa, dan server mereka adalah yang tercepat untuk WordPress

Philip Stemann

Hal pertama yang dilakukan WordPress saat Anda mengunggah gambar adalah membuat tiga ukuran berbeda dari gambar Anda. Ini berarti Anda mendapatkan empat gambar untuk setiap gambar yang Anda unggah

• Gambar kecil
• Medium
• Besar
• Ukuran asli

WordPress membuat semua ukuran berbeda ini untuk menyajikan gambar Anda dalam ukuran yang paling sesuai untuk setiap pengunjung. Situs web Anda akan selalu menampilkan gambar yang benar kepada pembaca berdasarkan perangkat yang mereka gunakan, mempercepat, dan menyempurnakan pengalaman mereka

Anda selalu dapat mengedit gambar Anda secara manual untuk memberikan ukuran tambahan ini, tetapi melakukannya secara akurat dengan alat seperti Photoshop bukanlah pekerjaan kecil. Ini akan melibatkan banyak pekerjaan yang membosankan, itulah sebabnya WordPress menyelamatkan Anda dari masalah

Ukuran Gambar WordPress. Hal Penting yang Perlu Diingat

Sebelum kita masuk ke aspek yang lebih teknis dari ukuran gambar WordPress, Anda harus mengetahui beberapa catatan penting

Kami telah membahas bagaimana WordPress membuat tiga ukuran gambar default untuk Anda, tetapi bagaimana jika Anda memerlukan ukuran yang berbeda dari default WordPress?

Kabar baik. Anda dapat melakukannya dengan mudah. WordPress memungkinkan Anda untuk mengubah ukuran gambar default dan menambahkan ukuran tambahan sebanyak yang Anda inginkan. Kami akan menjelaskan ini lebih detail sebentar lagi

Tetapi sebelum kita membahasnya, Anda harus tahu bahwa ada persyaratan khusus agar ini berfungsi seperti yang Anda inginkan

Salah satunya adalah yang harus Anda butuhkan. Sementara WordPress akan membuatnya lebih kecil untuk perangkat yang lebih kecil, itu akan menggunakan ukuran penuh (ukuran asli) di mana gambar harus berukuran terbesar.

Misalkan Anda mengunggah gambar yang lebih kecil dari ukuran terbesar yang Anda tetapkan di WordPress. Dalam hal ini, WordPress tidak akan menampilkan gambar tertentu dalam ukuran terbesar dengan benar. Plus, akan ada penurunan kualitas yang nyata

Meskipun demikian, Anda juga harus memastikan bahwa Anda tidak mengunggah gambar yang lebih besar dari yang seharusnya. WordPress tidak akan pernah menggunakan gambar seperti itu karena terlalu besar dan akan memakan ruang yang tidak perlu di server Anda

Jadi, Anda harus memeriksa ukuran gambar yang Anda unggah dan memastikan itu adalah ukuran terbesar yang diperlukan sebelum Anda mengunggahnya ke WordPress, tetapi tidak lebih besar dari itu.

Dimana dan Bagaimana WordPress Menyimpan Gambar Anda?

Sejauh menyangkut panel Admin Anda, WordPress menyimpan gambar unggahan Anda di Perpustakaan Media. Anda dapat melihat semua gambar yang Anda unggah dengan mengarahkan mouse ke opsi Media dan mengklik Perpustakaan

Anda dapat mengurutkannya berdasarkan jenis media (gambar, video, audio, dll. ) dan tanggal. Namun, perhatikan bahwa Anda hanya dapat mengurutkan gambar berdasarkan tanggal jika Anda belum menonaktifkan fungsi ini di Pengaturan

Ada juga kotak pencarian di sebelah kanan untuk membantu Anda melacak gambar yang Anda unggah. Cukup ketikkan kata yang Anda gunakan di judul, keterangan, atau deskripsi gambar Anda untuk menemukannya

Gambar Anda disimpan di folder unggahan situs Anda (wp-content/uploads/). Untuk mengakses folder ini, Anda harus menggunakan klien FTP/SFTP. Akan ada beberapa subdirektori dalam folder unggahan situs Anda yang menampung gambar Anda berdasarkan tanggal unggahan (dengan asumsi Anda membiarkan opsi untuk mengurutkan berdasarkan tanggal diaktifkan di Pengaturan Anda)

Anda juga dapat membuat folder khusus untuk file media Anda, tetapi sebaiknya lakukan ini hanya jika Anda menganggap diri Anda sebagai pengguna tingkat lanjut

Berapa Ukuran Gambar WordPress Default?

Ketika datang ke WordPress dan ukuran gambar, kami selalu melihat empat yang berbeda, dengan file gambar asli Anda dan tiga ukuran berbeda yang dibuat WordPress secara default

• ukuran thumbnail. 150px (persegi)
• Ukuran sedang. Max lebar dan tinggi 300px
• Ukuran besar. Lebar dan tinggi maksimum 1024px
• Ukuran penuh. Ukuran asli gambar Anda

Sekali lagi, seperti yang kami sebutkan sebelumnya, Anda ingin mengunggah gambar Anda dalam 1024px jika Anda berencana untuk hanya menggunakan ukuran gambar default ini. Itu akan memungkinkan gambar Anda disajikan dengan benar bahkan pada ukuran terbesar, yang mungkin tidak dapat dilakukan jika gambar Anda berukuran lebih kecil dari ukuran terbesar yang digunakan WordPress (yaitu 1024px secara default)

Berapa Ukuran Gambar Unggulan WordPress yang Ideal?

Gambar unggulan WordPress sangat penting untuk keterlibatan pembaca. Sama seperti sampul buku, gambar unggulan menawarkan pratinjau tentang apa yang akan ada di konten

Mereka paling sering muncul dengan posting WordPress, tetapi mereka juga dapat disertakan dengan halaman dan jenis posting khusus. Dan karena gambar unggulan mungkin akan ditampilkan oleh mesin telusur dan situs web media sosial, penting untuk memilih ukuran yang tepat

Meskipun ada perbedaan pendapat tentang subjek tersebut, konsensus umum menyatakan bahwa ukuran gambar unggulan WordPress yang ideal adalah sekitar 1200 × 630 piksel. Gambar dengan dimensi ini harus sesuai dengan situs Anda, tidak peduli seberapa besar atau kecil ukuran layar pembaca Anda

Perlu juga dicatat bahwa untuk membuat halaman Anda memenuhi syarat untuk umpan Google Discover (sumber lalu lintas tambahan yang bagus dari Google), Google menyoroti bahwa ukuran gambar unggulan WordPress Anda harus memiliki lebar minimal 1.200 piksel.

Tapi apakah ini ukuran gambar unggulan WordPress default?

Ini mungkin mengejutkan, tetapi WordPress tidak benar-benar menyertakan pengaturan ukuran gambar unggulan di luar kotak. Sebagai gantinya, gambar unggulan akan default ke ukuran unggahan aslinya kecuali dibatasi oleh desain situs, atau kecuali Anda memilih salah satu ukuran default WordPress lainnya (seperti "Sedang" atau "Besar")

Namun, banyak tema WordPress — termasuk tema default WordPress, Twenty Twenty-One — menetapkan ukuran gambar khusus mereka sendiri untuk gambar unggulan, jadi pastikan untuk memeriksa pengaturan tema Anda terlebih dahulu

Berapa Ukuran Gambar Header WordPress yang Ideal?

Mirip dengan gambar unggulan, gambar tajuk dapat memberikan gambaran sekilas tentang tema dan suasana halaman kepada pembaca Anda. Meskipun tidak mudah dibagikan di halaman hasil pencarian atau umpan media sosial, tetap penting untuk kecepatan dan integritas situs Anda bahwa ukurannya tepat.

Karena gambar header sering bergantung pada desain situs, mereka dapat memiliki dimensi yang sangat beragam. Tidak ada skenario “satu ukuran cocok untuk semua”, jadi yang terbaik adalah mempertimbangkan desain dan respons situs Anda sebelum memilih ukuran gambar header WordPress Anda

Yang mengatakan, pengembang tema merekomendasikan bahwa gambar header WordPress harus menempel pada 16. 9 rasio, seperti

• 1920 × 1080 piksel
• 1280 × 720 piksel
• 1152 × 648 piksel

Seperti gambar unggulan, WordPress tidak menetapkan ukuran default untuk gambar header. Namun, tema Anda mungkin memiliki opsi untuk menyesuaikan ukuran tajuk melalui pengaturan tema, di bawah menu Penampilan

Jika tema yang Anda pilih tidak memberi Anda opsi untuk mengubah ukuran gambar header WordPress, Anda masih bisa menyesuaikannya sendiri. Kami akan membahas caranya selanjutnya

Cara Mengubah Ukuran Gambar Default (dan Saat Anda Membutuhkannya)

Meskipun ukuran gambar WordPress default berfungsi dengan baik untuk sebagian besar pengguna, beberapa pengguna mungkin memiliki persyaratan yang berbeda. Anda mungkin lebih suka ukuran yang sedikit lebih besar untuk thumbnail Anda atau ukuran yang lebih kecil untuk gambar besar

Mengubah ukuran gambar default di WordPress akan masuk akal ketika Anda menemukan diri Anda mengedit sebagian besar gambar yang Anda unggah karena ukuran gambar default WordPress tidak cocok untuk kasus penggunaan Anda

Sebelum menambahkan ukuran gambar kustom baru di atas ukuran gambar default, ketahuilah bahwa Anda akan menyimpan lebih banyak file gambar di database situs Anda daripada yang diperlukan. Itu dapat menyebabkan masalah kinerja untuk situs Anda dan menghabiskan lebih banyak ruang daripada yang seharusnya

Hal yang sama berlaku untuk situs berbasis gambar yang perlu mengikuti ukuran gambar tertentu. Fotografer, desainer, dan lainnya yang menyajikan gambar berat ingin memiliki ukuran yang konsisten di mana pun di seluruh situs untuk memastikan keseragaman

Demikian pula, beberapa halaman arahan juga perlu menampilkan ukuran gambar tertentu, dan ukuran gambar default WordPress mungkin tidak sesuai. Dan toko e-niaga biasanya perlu menggunakan thumbnail yang lebih besar, yang menampilkan lebih banyak detail

Ada banyak alasan lain Anda mungkin ingin mengubah ukuran gambar default, tetapi Anda mendapatkan idenya

WordPress juga memahami itu, oleh karena itu memungkinkan Anda untuk mengubah default ini

Langkah-langkah untuk Mengubah Ukuran Gambar Default WordPress

Inilah proses langkah demi langkah untuk

Langkah 1. Arahkan mouse Anda ke Pengaturan dan klik opsi Media yang muncul

Langkah 2. Ubah ukuran sesuai keinginan Anda dengan mengedit angka seperti yang kami lakukan di bawah ini

Langkah 3. Klik tombol Simpan Perubahan di bagian bawah

Sekarang, semua gambar yang Anda unggah dari titik ini akan berada dalam ukuran default baru ini

Beberapa tutorial di luar sana akan menyarankan Anda memasukkan "0" untuk ukuran gambar default. Namun, kami menyarankan hal ini, meskipun dapat membantu Anda menghemat ruang

Jika Anda mengubah nilai ini menjadi “0”, maka WordPress akan menggunakan gambar ukuran penuh (asli) Anda di semua lokasi dan di semua perangkat, yang akan menyebabkan lonjakan besar dalam penggunaan bandwidth di situs Anda. Selanjutnya, ini hampir pasti akan memperlambat waktu muat halaman untuk bagian yang menampilkan banyak gambar ini

Cara Menambahkan Ukuran Gambar Khusus ke WordPress

Jika Anda perlu mengubah semua gambar WordPress lama Anda ke ukuran baru ini, Anda dapat menggunakan beberapa plugin hebat, yang akan kami bahas secara mendetail di bawah ini

Untuk pengguna yang cenderung menggunakan berbagai jenis gambar, mungkin penting untuk memiliki lebih banyak ukuran gambar daripada tiga ukuran standar yang ditawarkan WordPress

Ukuran gambar default mungkin cukup untuk jenis gambar standar, tetapi untuk sesuatu seperti grafik pop-up, widget, atau gambar penggeser, Anda mungkin memerlukan lebih banyak ukuran gambar

Ukuran gambar khusus memberi Anda fleksibilitas untuk meningkatkan fungsionalitas situs WordPress Anda dan menghemat banyak waktu untuk mengubah ukuran gambar Anda satu per satu

Sekarang setelah kami menetapkannya sebagai dasar kami, mari kita lihat lebih dekat proses yang terlibat dalam menambahkan ukuran gambar khusus ini ke situs WordPress Anda

Anda memiliki dua opsi di sini. Yang pertama adalah menggunakan plugin yang menangani semuanya untuk Anda hanya dengan beberapa klik. Yang kedua adalah cara manual menambahkan string kode yang diperlukan ke file situs Anda

Mari kita ke metode plugin terlebih dahulu

Menambahkan Ukuran Gambar Kustom Menggunakan Regenerasi Gambar & Pilih Pangkas

Plugin Image Regenerate & Select Crop melampaui (dibahas lebih lanjut di bawah), memungkinkan lebih banyak penyesuaian dan fungsionalitas

Selain membiarkan Anda mengubah ukuran gambar default, ini juga memungkinkan Anda membuat ulang gambar yang ada agar sesuai dengan ukuran gambar pilihan Anda, mengatur opsi pemangkasan default untuk gambar, dan membuat ulang thumbnail

Setelah terinstal dan aktif, Anda dapat membuat ukuran gambar kustom baru sebanyak yang Anda inginkan melalui halaman Pengaturan WordPress > Media standar

Menambahkan Ukuran Gambar Khusus Secara Manual

Meskipun ini adalah proses yang relatif sederhana dan mudah, hal pertama yang harus Anda lakukan adalah membuat cadangan situs web Anda jika terjadi kesalahan saat melakukan penyesuaian ini. Setelah proses pencadangan selesai, buka dasbor admin untuk situs WordPress Anda

Terapkan aplikasi Anda ke Kinsta - Mulai dengan Kredit $20 sekarang

Jalankan Node Anda. Aplikasi js, Python, Go, PHP, Ruby, Java, dan Scala, (atau hampir apa pun jika Anda menggunakan Dockerfile kustom Anda sendiri), dalam tiga langkah mudah

Sesampai di sana, arahkan kursor ke opsi menu Penampilan dan pilih Editor (ini mungkin disebut Editor Tema dalam beberapa kasus)

Selanjutnya, temukan fungsinya. php dan periksa apakah kode berikut sudah ada (gunakan fungsi pencarian untuk menemukannya dengan cepat). Jika sudah ada, Anda tidak perlu melakukan apa pun

Jika tidak ada, Anda perlu menambahkan string ini ke file

add_theme_support( 'post-thumbnails' );

Setelah Anda menambahkan kode ini, klik tombol Perbarui File di bagian bawah untuk mengaktifkan fungsi yang memungkinkan Anda membuat ukuran gambar khusus

Sekarang saatnya menambahkan kode untuk ukuran gambar kustom tertentu yang Anda inginkan. Cari string "add_image_size" di fungsi Anda. php karena di situlah Anda harus melakukan pengeditan

add_image_size( 'my-custom-image-size', 800, 640 );

Secara khusus, Anda harus memperbarui apa yang ada di dalam tanda kutip tunggal dengan apa yang ingin Anda beri nama ukuran gambar kustom baru Anda. Kami menyarankan agar tetap sederhana dan deskriptif (mis. g. "gambar pasca-utama")

Setelah Anda mengatur namanya, Anda harus menyatakan sendiri ukuran gambarnya. Nilai angka pertama adalah lebar gambar, sedangkan yang kedua adalah tinggi gambar

Berikut tangkapan layar yang menunjukkan kode sampel kami ditambahkan ke fungsi. file php

Memahami Pemangkasan

Saat gambar dibuat lebih kecil tanpa pemotongan, itu hanyalah versi yang diperkecil dari aslinya. Namun, saat "dipotong" atau dipotong, bagian yang dipotong akan dihapus dari gambar yang sudah jadi

Persis seperti memotong gambar secara fisik. Jika Anda membawa gunting ke potret dan memotong semua yang ada di bawah bahu orang tersebut, Anda telah "memotong" gambar itu. Ia bekerja dengan cara yang sama secara digital

Tujuannya adalah untuk mengurangi ukuran file gambar, karena memotong bukanlah pilihan yang tepat. Anda akan menghapus elemen yang mungkin ingin Anda pertahankan sambil mempertahankan ukuran file yang besar. Meskipun demikian, pemangkasan mungkin masuk akal untuk ukuran gambar yang harus pas dengan dimensi tertentu dengan sempurna, seperti gambar unggulan atau gambar profil

Subjek utama mungkin terlalu kecil untuk sesuatu seperti gambar unggulan. Mereka harus tetap mendapatkan eksposur yang dibutuhkan saat diubah ukurannya tanpa memotong. Jadi cari tahu apa yang terbaik untuk berbagai jenis gambar yang Anda gunakan dan atur fitur pemangkasan yang sesuai

Saat menambahkan ukuran gambar khusus, Anda dapat membuat WordPress secara otomatis memotong gambar berdasarkan ukuran yang Anda atur dan ukuran aslinya. Anda perlu menambahkan "benar" di akhir kode

Sekali lagi, inilah contoh kami di atas dengan fitur pemangkasan diaktifkan

add_image_size( 'name-for-your-custom-image', 800, 640, true );

Namun, jika Anda tidak ingin memangkas gambar, Anda dapat menempatkan "false" alih-alih "true" atau mengabaikan keduanya. Tidak menempatkan keduanya akan membuat kode secara otomatis menganggap opsi "salah". Dengan begitu, WordPress tidak akan memotong gambar Anda

Menambahkan Ukuran Gambar Kustom ke Tema Anda

Setelah Anda membuat ukuran gambar khusus yang Anda butuhkan, Anda juga perlu memperbarui kode di tema Anda. Melakukan ini akan membuat tema Anda menampilkan ukuran gambar khusus ini sesuai keinginan Anda

Jika Anda benar-benar pemula dalam mengedit kode, harap buat cadangan situs Anda lagi sebelum melakukan ini

Sekarang, Anda perlu menemukan file tema Anda di post loop dan menambahkan kode berikut ke dalamnya

the_post_thumbnail( 'your-specified-image-size' );

Untuk menemukan file ini, klik Theme Editor di bawah pengaturan Appearance. Cari indeksnya. php di sini — ini adalah file tema yang menyimpan loop postingan yang perlu Anda edit

Setelah Anda menemukannya, tambahkan kode yang disebutkan di atas, seperti yang terlihat pada gambar di bawah ini

Sekali lagi, akan lebih baik jika Anda mengganti bagian "fitur-beranda-baru" dengan nama ukuran gambar khusus yang Anda buat

Bosan dengan dukungan hosting WordPress level 1 di bawah standar tanpa jawaban? . Lihat rencana kami

Setelah Anda menambahkan kode ini dan memperbarui file, Anda akan melihat ukuran gambar khusus di perpustakaan media Anda. Unggah gambar baru untuk mencobanya

Memperbarui Thumbnail Lama

Saat membuat dan menambahkan ukuran gambar khusus terasa hebat, ini membuat Anda memiliki tugas terbuka lainnya. bagaimana dengan semua gambar lama yang sudah Anda unggah?

Jangan khawatir tentang itu — beberapa plugin WordPress yang bagus sangat berguna untuk tugas ini. Mari kita lihat bagaimana mereka dapat membantu Anda merawat thumbnail lama Anda

Regenerasi Thumbnail Plugin

memungkinkan Anda mengunggah ulang gambar secara otomatis dalam ukuran baru, termasuk ukuran gambar khusus apa pun yang telah Anda tambahkan

Untuk menginstalnya, arahkan kursor ke opsi menu Plugins dan klik Add New. Lalu ketik "Regenerate thumbnails" ke dalam kotak pencarian

Instal plugin Regenerate Thumbnails dengan mengklik tombol Install Now

Setelah penginstalan selesai, klik tombol Activate untuk mulai menggunakannya

Selanjutnya, arahkan kursor ke menu Tools di sebelah kiri dan klik Regenerate Thumbnails

Anda dapat mengklik Regenerate Thumbnails for All [#] Attachments untuk menghasilkan ukuran gambar baru untuk semua gambar lama Anda juga

Info

Hati-hati dengan mencentang kotak untuk menghapus file thumbnail untuk ukuran lama Anda yang tidak terdaftar, karena Anda dapat berakhir dengan gambar rusak di situs Anda jika masih memiliki gambar lama dengan ukuran yang tidak lagi Anda gunakan

Seperti yang Anda lihat dari gambar di atas, Regenerate Thumbnails juga akan mencantumkan semua ukuran gambar yang sedang aktif di situs Anda

Anda mungkin menemukan beberapa ukuran gambar yang tidak Anda ketahui. Seringkali, ini dibuat oleh plugin, terutama jika itu untuk meningkatkan tampilan, desain, atau fungsionalitas situs Anda

Menggunakan Editor Ukuran Gambar Bawaan WordPress

Seperti yang kami soroti sebelumnya, Anda sebaiknya hanya membuat ukuran gambar khusus yang sering Anda gunakan. Untuk ukuran gambar yang Anda rencanakan untuk digunakan hanya pada kesempatan langka, masuk akal untuk mengedit ukuran gambar secara manual menggunakan editor ukuran gambar bawaan WordPress

Kami akan memberikan panduan singkat yang menjelaskan bagaimana Anda dapat menggunakan editor bawaan untuk mengedit ukuran gambar dengan cepat dan mudah

Pertama, klik menu Media untuk dibawa ke Perpustakaan Media. Selanjutnya, klik gambar yang ingin Anda sesuaikan ukurannya

Kemudian klik tombol Edit Gambar tepat di bawah gambar

Anda akan melihat ukuran gambar saat ini dan dapat menyesuaikannya di sini. Masukkan saja ukuran gambar yang Anda inginkan lalu klik tombol Skala, dan Anda siap melakukannya

Penyesuaian ukuran akan disimpan secara otomatis segera setelah Anda menekan Skala. Jika Anda tidak menyukai ukuran gambar baru karena alasan apa pun, Anda selalu dapat mengembalikan ke ukuran aslinya menggunakan opsi Pulihkan Gambar Asli (tepat di bawah bidang untuk ukuran gambar)

Mengedit Gambar di WordPress Gutenberg

Jika Anda menggunakan Gutenberg, Anda dapat dengan cepat mengedit ukuran gambar dari gambar Anda saat Anda menambahkannya saat membuat postingan

Seperti yang Anda lihat pada gambar di atas, saat Anda mengunggah gambar saat membuat postingan di Gutenberg, Anda dapat memilih ukuran gambar yang ada atau mengubah ukuran gambar dari kanan dalam opsi postingan

Jika Anda telah menambahkan ukuran gambar kustom baru ke file tema, Anda akan menemukan semuanya di menu tarik-turun Ukuran Gambar

Anda juga dapat mengubah ukuran gambar menggunakan kolom tepat di bawahnya. Yang perlu Anda lakukan hanyalah memasukkan ukuran yang diinginkan di kolom, dan gambar akan secara otomatis diubah ukurannya sesuai spesifikasi baru Anda

Mengoptimalkan Gambar Anda

Tidak ada panduan terkait gambar yang lengkap tanpa menyebutkan pengoptimalan gambar. Meskipun kami telah membahas pengoptimalan gambar dengan sangat detail, menyebutkan beberapa tip cepat tentu saja tidak ada salahnya

Lagi pula, ketika Anda menambahkan ukuran gambar khusus, Anda harus tahu cara mengoptimalkan gambar Anda untuk memastikannya tidak memengaruhi kinerja situs Anda atau menghabiskan lebih banyak sumber daya server daripada yang seharusnya.

Karena itu, berikut adalah beberapa kiat cepat untuk membantu Anda memulai pengoptimalan gambar

Tentukan Jenis File

Cukup memilih jenis file yang tepat untuk gambar Anda dapat mengurangi ukurannya secara signifikan. Meskipun ada banyak jenis file gambar, sebagian besar adalah JPEG atau PNG

JPEG menang telak dalam hal gambar berwarna. Selain itu, Anda dapat mengompres lebih lanjut file JPEG untuk mengurangi ukuran file hanya dengan sedikit penurunan kualitas (jika Anda melakukannya dengan benar)

Di sisi lain, PNG biasanya menjadi pilihan yang lebih baik untuk gambar, teks, sebagian besar tangkapan layar, dan grafik

Mengubah Ukuran Gambar

Mengubah ukuran gambar adalah cara cepat dan mudah untuk mengurangi ukuran file gambar Anda. Sebagai aturan umum, Anda harus memastikan bahwa semua gambar di situs Anda hanya sebesar yang seharusnya

Jika lebar maksimum situs web Anda adalah 1200px, tidak masuk akal untuk memiliki satu gambar di situs Anda dengan lebar lebih besar dari maksimum 1200px itu

Kami juga telah menyebutkan pentingnya tidak membuat ukuran gambar kustom baru kecuali Anda perlu, jadi ingatlah itu juga

Manfaatkan Kompresi Lossy

Kompresi lossy adalah cara yang bagus untuk mengurangi ukuran file lebih lanjut setelah Anda mengoptimalkan gambar menggunakan metode lain

Ini berarti membuang beberapa data gambar, menghapus yang tidak akan membuat banyak perbedaan pada kualitas gambar tetapi dapat membantu mengurangi ukuran file secara signifikan

Gunakan Pemuatan Lambat

Lazy loading membantu Anda memprioritaskan pemuatan gambar di halaman situs Anda. Ini memuat gambar tepat waktu dengan pengguliran halaman oleh pengunjung. Ini berarti gambar di bagian paling atas akan segera dimuat, tetapi semua yang ada di paro bawah tidak akan dimuat hingga pengguna menggulir melewati paro

Masih ada lagi, tetapi Anda akan menemukan semuanya di panduan pengoptimalan gambar kami, jadi mari langsung ke beberapa plugin pengoptimalan gambar yang dapat Anda gunakan

Plugin Pengeditan Gambar untuk WordPress

Keindahan menggunakan plugin ini adalah Anda dapat melakukan pengoptimalan gambar tingkat lanjut hanya dengan beberapa klik tanpa harus dipusingkan dengan alat atau kode canggih apa pun. Selain itu, sebagian besar plugin ini gratis, terutama untuk mengoptimalkan sejumlah gambar tertentu atau menggunakan beberapa fitur pengoptimalan dasar

• Bayangkan. Tingkat kompresi yang disesuaikan secara mengesankan dan fitur pengoptimalan gambar lainnya
• Kraken. Plugin kompresi lossless yang berguna, tetapi hanya jika Anda membeli versi premium
• TinyPNG. Mendukung kompresi lossy dan bekerja dengan berbagai jenis gambar
• Optimole. Untuk CDN dan pemuatan lambat, yang merupakan cara yang sangat efektif untuk mengoptimalkan gambar Anda

Ringkasan

Anda sekarang tahu segalanya tentang ukuran gambar WordPress dan cara mendapatkan sebagian besar fitur dan kustomisasi yang ditawarkan WordPress di departemen itu. Anda akan menemukan bahwa mengoptimalkan kinerja dan fungsionalitas situs web Anda jauh lebih mudah sekarang karena Anda tahu bagaimana menangani gambar WordPress Anda di dalam dan di luar

Anda dapat membuat ukuran gambar khusus dan mengelolanya baik secara langsung melalui kode tema Anda atau menggunakan plugin yang dibuat untuk tugas khusus tersebut. Ingatlah untuk memperbarui gambar mini lama Anda kapan pun Anda berencana untuk memperbarui gambar — juga merupakan tugas yang mudah, berkat plugin bermanfaat yang telah kami cantumkan di atas

Apakah kita meninggalkan sesuatu?

Dapatkan semua aplikasi, database, dan situs WordPress Anda secara online dan dalam satu atap. Platform cloud kami yang penuh fitur dan berkinerja tinggi mencakup

• Pengaturan dan pengelolaan yang mudah di dasbor MyKinsta
• Dukungan pakar 24/7
• Perangkat keras dan jaringan Google Cloud Platform terbaik, didukung oleh Kubernetes untuk skalabilitas maksimum
• Integrasi Cloudflare tingkat perusahaan untuk kecepatan dan keamanan
• Jangkauan audiens global dengan hingga 35 pusat data dan 275+ PoP di seluruh dunia

Uji sendiri dengan diskon $20 untuk bulan pertama Hosting Aplikasi atau Hosting Basis Data. Jelajahi paket kami atau hubungi bagian penjualan untuk menemukan yang paling cocok untuk Anda

Bagaimana cara mengubah ukuran gambar di WordPress?

Bagaimana cara menyesuaikan ukuran gambar?

Bagaimana cara mengubah ukuran media di WordPress?

Berapa dimensi gambar untuk WordPress?