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

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 hay làm cách nào để hạn chế wordpress tự động sinh thêm ảnh ? Đây là các hướng mình đưa ra:

  • 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 (cân nhắc trước khi dùng cách này).

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 functions.php . Một số theme nó nằm ở file khác, để kiếm cụm đó bạn sử dụng tính năng Find in Folder của Sublime Text để tìm đoạn code này trong thư mục chứa cái theme đang dùng sẽ ra.

Nhung kich thuoc ma website khong dung nen bo no di

Ví dụ về bỏ đi những kích thước mà website không dùng

Ảnh trên là ví dụ về những kích thước mà em bỏ đi đối với Theme Smartline đang dùng. Em hiện tại chỉ cho nó cắt ảnh thumb cho featured image, và cho category post small thôi.

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 (data và database) để 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ỉ tầm 2 đến 3 ả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

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

guest
59 Comments
Inline Feedbacks
View all comments
Công ty hút bể phốt Thanh Bình <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">1</span><span style="color: #e91e63;">) </span>
Friend

Bạn ơi cho mình hỏi là mình cũng cấu hình như hướng dẫn ở phần 1 mà vẫn không được. Hiện hosting của mình báo dung lượng lưu trữ hơn 3 GB rồi ấy

Nguyễn Thuyên <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">1</span><span style="color: #e91e63;">) </span>
Friend

Cám ơn anh, em bị tình trạng này nhiều quá!

Anh Nguyen Duc <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">4</span><span style="color: #e91e63;">) </span>
Friend

bài hay, đang dùng theme Flatsome + Woocommerce. HÌnh ảnh loạn cả lên, để backup web rồi test xem sao.

Đại <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">1</span><span style="color: #e91e63;">) </span>
Friend

Cảm ơn anh! Bài viết rất hay rất hữu ích!

văn phòng phẩm vinacom <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">3</span><span style="color: #e91e63;">) </span>
Friend

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

Cường <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">117</span><span style="color: #e91e63;">) </span>
Friend
Đã trả lời  văn phòng phẩm vinacom

Đối với những đoạn code ngắn bạn có thể tự tạo 1 plugin cho mình. Sau đó những thứ bạn thích thì bỏ vào plugin đó, dù di chuyển hosting, theme hay tên miền gì thì cứ dùng plugin đó thì ok, không cần phải viết nhiều lần.

Nguyen Tuong Vi <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">1</span><span style="color: #e91e63;">) </span>
Friend
Đã trả lời  văn phòng phẩm vinacom

Xóa xong, disable Plugin.

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

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>
Friend

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>
Friend

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">2</span><span style="color: #e91e63;">) </span>
Friend

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>
Friend

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>
Friend

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">30</span><span style="color: #e91e63;">) </span>
Admin
Đã trả lời  Trường khoai to

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>
Friend

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>
Friend
Đã trả lời  iHuongDan.Vn

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>
Friend

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>
Friend

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>
Friend
Đã trả lời  Iptime Bắc Ninh

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">50</span><span style="color: #e91e63;">) </span>
Friend

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>
Friend

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>
Friend

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>
Friend
Đã trả lời  kien

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ì :))

kien <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">17</span><span style="color: #e91e63;">) </span>
Friend
Đã trả lời  kien

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ó 🙁

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

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>
Friend

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">116</span><span style="color: #e91e63;">) </span>
Friend
Đã trả lời  Sabo

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>
Friend

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>
Friend

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>
Friend

Đ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>
Friend
Đã trả lời  Hoàng Vũ

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">72</span><span style="color: #e91e63;">) </span>
Friend

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