Bảng tra nhanh kích thước ảnh WordPress
Tài liệu tham khảo đầy đủ về kích thước ảnh WordPress: mọi kích thước được đăng ký cùng số đo thực tế, kích thước nào cắt cứng, ngưỡng -scaled 2560px, các kích thước của WooCommerce và nên tải lên ảnh cỡ nào cho từng mục đích.
Xem trên chính ảnh của bạn — mở Image Size LabKích thước cốt lõi
Được đăng ký trên mọi bản cài đặt WordPress gốc.
| Tên | Kích thước | Cắt xén | Chỉnh sửa được trong admin? |
|---|---|---|---|
| thumbnail | 150 × 150 | cắt cứng | Settings → Media |
| medium | 300 × 300 | vừa khung | Settings → Media |
| medium_large | 768w | vừa khung | Không có giao diện |
| large | 1024 × 1024 | vừa khung | Settings → Media |
| 1536x1536 | 1536 × 1536 | vừa khung | Không có giao diện |
| 2048x2048 | 2048 × 2048 | vừa khung | Không có giao diện |
medium_large (768w) và hai kích thước retina hoàn toàn không có giao diện quản trị — bạn sẽ không biết chúng tồn tại nếu chỉ nhìn vào bảng điều khiển. Và bất kỳ ảnh nào tải lên vượt quá 2560px ở cạnh dài nhất cũng sẽ có thêm một bản sao -scaled, và WordPress sẽ phục vụ bản sao đó thay cho ảnh gốc của bạn.
Kích thước WooCommerce
Được thêm vào khi WooCommerce đang hoạt động. Cấu hình tại Appearance → Customize → WooCommerce → Product Images. Giá trị mặc định đã thay đổi giữa các phiên bản Woo, nên hãy xem đây là con số tham khảo và kiểm tra bản cài đặt của riêng bạn.
| woocommerce_thumbnail | 300 × 300 | cắt cứng |
| woocommerce_single | 600w | |
| woocommerce_gallery_thumbnail | 100 × 100 | cắt cứng |
Nên tải lên gì trên thực tế
Hướng dẫn theo mục đích — không phải kích thước được đăng ký, chỉ là kích thước ảnh gốc hợp lý.
Bao phủ tỉ lệ chia sẻ mạng xã hội và thu nhỏ gọn gàng để dùng trong giao diện. Lựa chọn mặc định an toàn nhất.
Đủ rộng cho màn hình lớn, dưới ngưỡng -scaled 2560px nên ảnh gốc của bạn được phục vụ nguyên vẹn.
Khớp với khoảng medium_large / large mà hầu hết giao diện thực sự hiển thị.
Hãy dùng ảnh lớn hơn kích thước hiển thị; WordPress thu nhỏ gọn gàng, nó không bao giờ phóng to.
WordPress yêu cầu tối thiểu 512 × 512 và cắt vuông.
Tỉ lệ 1.91:1 mà Facebook, LinkedIn và X mong đợi. WordPress sẽ không tạo ra kích thước này; plugin SEO của bạn sẽ chọn kích thước gần nhất.
Những lỗi thường gặp và nguyên nhân thực sự
Ảnh bị mờ sau khi tải lên
Nguyên nhân: Ảnh của bạn vượt quá 2560px ở cạnh dài nhất, nên WordPress đã tạo một bản sao "-scaled" và phục vụ bản đó thay vì ảnh gốc.
Cách khắc phục: Tắt hoặc tăng big_image_size_threshold, hoặc tải lên ảnh dưới 2560px.
Ảnh thumbnail cắt mất đầu
Nguyên nhân: thumbnail mặc định cắt cứng thành hình vuông 150 × 150, cắt theo tâm — bất kỳ phần nào lệch khỏi tâm đều bị cắt bỏ.
Cách khắc phục: Tải lên với chủ thể nằm giữa khung, hoặc đăng ký một kích thước tùy chỉnh với kiểu cắt khác.
Thư mục uploads quá lớn
Nguyên nhân: WordPress stores one file per registered size. Core makes 6 plus the original; a theme and WooCommerce add more.
Cách khắc phục: Ngừng tạo những kích thước bạn không dùng bằng intermediate_image_sizes_advanced.
Thiếu phiên bản large / 1536 / 2048
Nguyên nhân: WordPress không bao giờ phóng to. Nếu ảnh bạn tải lên nhỏ hơn một kích thước, kích thước đó đơn giản là không được tạo ra.
Cách khắc phục: Tải lên ảnh gốc lớn hơn.
Ảnh responsive (srcset) trông kém chất lượng
Nguyên nhân: Một kích thước mà srcset phụ thuộc vào — thường là medium_large (768w) — đã bị xóa.
Cách khắc phục: Hãy giữ medium_large; nó tồn tại chủ yếu để cung cấp cho srcset.