Ngăn WordPress tự động cắt ảnh ra nhiều kích thước mà không dùng

Ảnh bị cắt ra quá nhiều cỡ trong WordPress

Ảnh bị cắt ra quá nhiều cỡ trong WordPress

Hello, xin chào các bác ! Hôm nay có bạn hỏi là ” làm sao để xóa những ảnh WordPress tự động cắt ảnh ra nhiều kích thước mà không dùng ” | Trong tiếng anh còn gọi là auto resize wordpress images Sau đây là một số hướng để anh em áp dụng thử nhé (nhớ sao lưu web trước khi thử):

  • Không cho nó cắt ảnh ra nhiều kích thước khác nhau trong phần cài đặt media của WordPress.
  • Sửa đoạn code cắt ảnh trong theme.
  • Dùng plugin xóa ảnh đã cắt mà không dùng.

WordPress tự động cắt ảnh để làm gì và nó có hạn chế gì ?

WordPress nó cắt ra để xài đó chứ ko phải vô cớ đâu, chả là nó cắt ra các ảnh nhỏ hơn để hiển thị cho các kích thước ảnh thumbnail để nó hợp với giao diện đã thiết kế, ngoài ra nó làm nhẹ đi khi tải trang.

Mình ví dụ: Bạn úp một cái hình gốc lên có tỉ lệ 16:9 với kích thước là 2.130 x 1.200 nếu nó không cắt ra những hình như 100 x 180 để làm thumb cho bài viết liên quan / bài viết gần đây thì sẽ nặng. Hơn nữa ảnh thumb trên trang chủ cũng chỉ nên để 240 x 425  vì kích thước nhỏ quá nó mờ cũng xấu mà lớn quá nó nặng mà không cần thiết.

Túm lại là: việc nó cắt ra nhiều quá làm đầy và “rối” bộ nhớ nữa, có mỗi cái ảnh mà nó nhân bản ra cả chục cái, nhìn là thấy không thích tí nào rồi 😀 Như vậy nếu đã không thích thì phải ngăn chặn việc cắt ảnh “vô tội vạ” bằng 02 hướng bên dưới.

Cách ngăn WordPress tự động cắt ảnh ra nhiều kích thước mà “không dùng”

1. Ngăn cắt ảnh trong phần Media Settings

Cách này khá đơn giản, các bạn vào phần Dashboard >> Setting >> Media Settings  và xóa hết mấy con số đã điền sẵn và làm như hình bên dưới là được 😀

2. Ngăn cắt ảnh trong theme

Cách này thì khó hơn, và ở đây mình cũng không nêu chi tiết được, mỗi theme nó có đoạn code cắt ảnh khác nhau. Mình nghịch qua một số mẫu, có chỉ có một đoạn code trong file functions.php còn một số nó ở trong các file khác.

Các bạn có thể tìm đến đoạn code: add_image_size trong file function hoặc tìm trong toàn bộ file theme để sửa nhé !

3. Xóa bớt những ảnh đã cắt mà không dùng

Để thực hiện thì các bạn cài plugin Optimize Images Resizing để xóa nhé, cái này tải về cài > kích hoạt > vào trong ToolsOptimize Images Resizing > tick vào và nhấn như hình bên dưới để thực hiện.

Lưu ý: trước khi thực hiện nhớ sao lưu lại website để tránh điều bất trắc đó nhé anh em !

xoa nhung anh da cat ma khong dung tren WordPress

Xóa những ảnh đã cắt mà không dùng trên WordPress

Xong rồi đó, bây giờ anh em vào chỗ phần ảnh đã upload xem sẽ thấy bất ngờ. Hocban.vn úp ảnh lên nếu chỉ dùng trong bài viết thì nó chỉ duy nhất một ảnh. Còn nếu không làm như bài viết này thì trước đây bị cắt ra tới 8 hay 10 ảnh gì đó luôn.

Thì bài này mình đưa ra 03 hướng khắc phục như vậy, nếu anh em nào có hướng khắc phục nữa mời comment bên dưới để chia sẻ thêm nhé, cảm ơn anh em  !

Bài viết có vẻ liên quan :v

Nếu bạn thấy bài viết này hữu ích thì có thể chia sẻ nó qua:

Bài viết bạn đang xem được viết bởi Tịnh Nguyễn, là người thường đăng bài và comment dạo trên Hocban.vn

Nội dung được đề xuất

avatar
19 Comment threads
31 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
20 Comment authors
văn phòng phẩm vinacomTrịnh Thị TiếnTrântudiencuocsong.comsơn Recent comment authors
văn phòng phẩm vinacom <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">3</span><span style="color: #e91e63;">) </span>

Bạn có cách nào đừng dùng Plugin được không? Plugin mình cài nhiều quá rồi, hix

Trịnh Thị Tiến <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">1</span><span style="color: #e91e63;">) </span>

Rất hữu ích. Cảm ơn bạn nhiều!

Trân <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">1</span><span style="color: #e91e63;">) </span>

Tự nhiên có một ảnh mà nó cắt ra quá trời hết biết đường nào mà lần luôn. Cảm ơn bạn đã chia sẻ.

tudiencuocsong.com <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">3</span><span style="color: #e91e63;">) </span>

Mình đang cần xóa ảnh tự động cắt. hix mới viết bài có 5 tháng mà 10gb ổ cứng toàn ảnh. upload 1 ảnh lên nó tự động cắt 16 tấm. để làm thêm cách chủ thớt xem ok không. 🙂

sơn <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">1</span><span style="color: #e91e63;">) </span>

Thanks bạn, đang muốn dọn dẹp cái mớ ảnh lộn xộn trên web

thuốc và sức khỏe <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">1</span><span style="color: #e91e63;">) </span>

Bác cho tên cái plugin hay cách nào để hình trong bài viết khi click vào nó hiện full giống trong bài này đi bác

Trường khoai to <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">24</span><span style="color: #e91e63;">) </span>

Hộc bàn share ít plugin hay cách tạo bài liên quan hoặc chèn quảng cáo vào giữa bài viết k cần dùng plugin đi (không phải lấy mã qc dán vào soạn thảo đâu nhé) quảng cáo tự động hiển thị khi mình add code)
Hoặc cái bài viết liên quan giữa bài giống bác huuthuan đó nhìn rất ưng 😁

Tịnh Nguyễn Blog <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">29</span><span style="color: #e91e63;">) </span>

Plugin bài viết liên quan đang xài bên blog.hocban.vn hơi bị đẹp luôn đó. Còn vụ quảng cáo thì chưa nghía nên chưa biết.

iHuongDan.Vn <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">3</span><span style="color: #e91e63;">) </span>

Bác Tịnh có thể tư vấn em phát được không. Em dùng theme Newpaper nó tự cắt ảnh ra 10 size khác nhau. Em dùng function để disable tính năng cắt ảnh của nó. Và vào option của theme tắt luôn các kích thước size cắt ảnh/ Nhưng ra trang chủ và category thì nó lại không hiển ảnh thumbnail mà thay vào đó là hiện thị ảnh mặc định trắng demo. Mong các cao nhanah giúp ạ.

iHuongDan.Vn <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">3</span><span style="color: #e91e63;">) </span>

Không ý em là đã tắt cắt ảnh rồi. nhưng nó k có hiện ảnh thumbnail nữa ý ạ

Trần Dương <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">30</span><span style="color: #e91e63;">) </span>

Cho mình hỏi có cách nào để chuyển màu của thanh tìm kiếm của google giống với màu theme mình đang dùng trên thiết bị di động vậy bạn?

Iptime Bắc Ninh <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">39</span><span style="color: #e91e63;">) </span>

Mình đang mắc cả vụ nén ảnh nữa tối ưu các kích thước size ảnh rồi mà vẫn nan giải quá

Kinh Bắc Web <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">39</span><span style="color: #e91e63;">) </span>

bài viết này nên cập nhật thêm đi bạn có vẻ như plugins kia lỗi thời rồi

NAD <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">48</span><span style="color: #e91e63;">) </span>

Chúc thớt hnay nhận đc nhiều quà

Lê Hải <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">33</span><span style="color: #e91e63;">) </span>

lâu nay chẳng để ý đến nó

kien <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">17</span><span style="color: #e91e63;">) </span>

Trong bài về Quản trị hình ảnh của bác Thạch Phạm có đề xuất plugin AJAX Thumbnail Rebuild. Nó tìm ra các hình ảnh do theme và cả plugin, vì thế có thể ngăn cắt ảnh triệt để hơn.

kien <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">17</span><span style="color: #e91e63;">) </span>

Sắp 8/3 rồi, em tâm tư quá bác ạ nên cũng ít lên hocban.vn chém gió 🙁

kien <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">17</span><span style="color: #e91e63;">) </span>

Có dợ rồi nên mới tâm tư :)) quà nghĩ ra được thì mấy năm trước tặng hết rồi, năm nay ko biết tặng gì :))

NAD <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">48</span><span style="color: #e91e63;">) </span>

Bài mới đi thớt ơi 🙁

Sabo <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">28</span><span style="color: #e91e63;">) </span>

Ngày trươc e cũng thắc mắc như vậy nhưng về sau dùng hosting Unlimited thì thôi bỏ qua vụ này. Cứ để vậy cho chắc 😀

Vỹ Spirit <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">108</span><span style="color: #e91e63;">) </span>

Hosting Unlimited cũng bị giới hạn số file tải lên thui, ko có gì là Unlimited cả 😀

Phong Phan <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">6</span><span style="color: #e91e63;">) </span>

Hình như còn có cách sài unset được nữa thì phải bác 🙂

Sabo <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">28</span><span style="color: #e91e63;">) </span>

Thanks a, đơn giản nhưng rất hữu ích

Hoàng Vũ <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">51</span><span style="color: #e91e63;">) </span>

Đang định bóc tem thì bác Duy Dàm côm mừn rầu 😀

Hoàng Vũ <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">51</span><span style="color: #e91e63;">) </span>

dạo em bận học quá có blogging hay cồm mêm dạo được gì đâu 😀 2 ngày lên mạng 1 lần 😀

Blog Duy Đàm <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">66</span><span style="color: #e91e63;">) </span>

Bài mời à. Đánh dấu một phát xem.