Lompat ke konten
Referensi

Contekan Ukuran Gambar WordPress

Referensi definitif untuk ukuran gambar WordPress: setiap ukuran yang terdaftar dan dimensi sebenarnya, mana yang dipotong paksa, ambang -scaled 2560px, ukuran WooCommerce, dan apa yang harus diunggah untuk tiap keperluan.

Lihat pada gambar Anda sendiri — buka Image Size Lab

Ukuran inti

Terdaftar di setiap instalasi WordPress bawaan.

Nama Ukuran Pangkas Bisa diedit di admin?
thumbnail 150 × 150 pangkas paksa Settings → Media
medium 300 × 300 menyesuaikan Settings → Media
medium_large 768w menyesuaikan Tanpa UI
large 1024 × 1024 menyesuaikan Settings → Media
1536x1536 1536 × 1536 menyesuaikan Tanpa UI
2048x2048 2048 × 2048 menyesuaikan Tanpa UI

medium_large (768w) dan dua ukuran retina sama sekali tidak memiliki UI admin — Anda tidak akan tahu keberadaannya dari dasbor. Dan setiap unggahan yang sisi terpanjangnya melebihi 2560px juga mendapat salinan -scaled, yang kemudian disajikan WordPress menggantikan gambar asli Anda.

Ukuran WooCommerce

Ditambahkan saat WooCommerce aktif. Atur di Appearance → Customize → WooCommerce → Product Images. Nilai default telah berubah antar versi Woo, jadi anggap ini sebagai acuan dan periksa instalasi Anda sendiri.

woocommerce_thumbnail 300 × 300 pangkas paksa
woocommerce_single 600w
woocommerce_gallery_thumbnail 100 × 100 pangkas paksa

Apa yang sebaiknya diunggah

Panduan berdasarkan tujuan — bukan ukuran terdaftar, hanya dimensi sumber yang masuk akal.

Gambar unggulan 1200 × 630

Mencakup rasio berbagi ke media sosial dan menyusut dengan rapi untuk penggunaan di dalam tema. Default paling aman.

Hero lebar penuh 1920 × 1080

Cukup lebar untuk layar besar, di bawah ambang -scaled 2560px sehingga gambar asli Anda disajikan apa adanya.

Gambar dalam konten 1200 wide

Sesuai dengan rentang medium_large / large yang sebenarnya ditampilkan sebagian besar tema.

Logo 512 × 512

Sediakan lebih besar dari ukuran tampilnya; WordPress menyusutkan dengan rapi, tetapi tidak pernah memperbesar.

Ikon situs (favicon) 512 × 512

WordPress membutuhkan minimal 512 × 512 dan memangkasnya menjadi persegi.

Gambar sosial / OG 1200 × 630

Rasio 1.91:1 yang diharapkan Facebook, LinkedIn, dan X. WordPress tidak akan membuatnya; plugin SEO Anda memilih ukuran terdekat.

Kesalahan umum, dan penyebab sebenarnya

Gambar terlihat buram setelah diunggah

Penyebab: Sisi terpanjang gambar Anda melebihi 2560px, jadi WordPress membuat salinan "-scaled" dan menyajikannya alih-alih gambar asli Anda.

Solusi: Nonaktifkan atau naikkan big_image_size_threshold, atau unggah di bawah 2560px.

Thumbnail memotong kepala

Penyebab: thumbnail secara default dipangkas paksa menjadi persegi 150 × 150, dipotong dari tengah — apa pun yang tidak di tengah akan terpotong.

Solusi: Unggah dengan subjek berada di tengah, atau daftarkan ukuran khusus dengan pemangkasan berbeda.

Folder unggahan sangat besar

Penyebab: WordPress menyimpan satu berkas untuk setiap ukuran terdaftar. Inti membuat 6 ditambah gambar asli; tema dan WooCommerce menambah lebih banyak lagi.

Solusi: Hentikan pembuatan ukuran yang tidak Anda gunakan dengan intermediate_image_sizes_advanced.

Versi large / 1536 / 2048 tidak ada

Penyebab: WordPress tidak pernah memperbesar. Jika unggahan Anda lebih kecil dari suatu ukuran, ukuran itu tidak dibuat sama sekali.

Solusi: Unggah gambar sumber yang lebih besar.

Gambar responsif (srcset) terlihat berkualitas rendah

Penyebab: Ukuran yang diandalkan srcset — biasanya medium_large (768w) — telah dihapus.

Solusi: Pertahankan medium_large; ukuran ini ada terutama untuk memasok srcset.