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à một vấn đề được rất rất nhiều người dùng WordPress quan tâm. Bên dưới mình định hướng sơ bộ về cách khắc phục:

  • 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).

GỢI Ý: Nếu hình ảnh web bạn quá nhiều và bạn muốn có dung lượng lưu trữ thoải mái hơn với chi phí vừa phải thì có thể chọn loại HOSTING KHÔNG GIỚI HẠN NÀY và nhớ vào lấy mã giảm giá tổng cộng 45% để tiết kiệm thêm một bậc nữa nhé ^ ^.

Thêm nữa là, sau khi tối ưu ảnh thì web nó tận dụng xài luôn các ảnh có kích thước lớn dẫn đến nặng trang hơn. Do đó, để giải quyết vấn đề này thì bạn hãy sử dụng cache cho website + nén ảnh trước khi upload + sử dụng tính năng lazy load cho hình  ảnh nữa là ngon cơm ngay ^ ^

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 bạn nhé. Chả là nó cắt ra thành nhiều ảnh nhỏ hơn để hiển thị tương ứng với các kích thước ảnh thumbnail của giao diện (theme, plugin) đã thiết kế. Ngoài ra, khi tải ảnh nhỏ chắc chắn là nhẹ hơn ảnh gốc rồi.

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ẽ RẤT 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 😀

Ngan WordPress tu cat anh trong Media Settings

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

guest
76 Comments
Inline Feedbacks
View all comments
TrungLun0112 <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">10</span><span style="color: #2196f3;">) </span>
Guest

Cái plugin xóa ảnh Optimize Images Resizing hay phết, nó xóa hết mấy cái thumb sinh ra, xong r mình load trang là mấy cái thumb sinh ra lại :D. Mấy ảnh ko dùng là nó xóa sạch. Khá ok

TrungLun0112 <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">10</span><span style="color: #2196f3;">) </span>
Guest

Kaka, vừa test với site gần 10k ảnh, thấy xóa trong vòg chưa đc 10 phút :D. Thanks bác đã chia sẻ 😀

Đức <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">2</span><span style="color: #2196f3;">) </span>
Guest
Đức (2)

Bác đang dùng plugin nào để tạo mục lục vậy ạ?

Đức <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">2</span><span style="color: #2196f3;">) </span>
Guest
Đức (2)

Cảm ơn bác!

David Do <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">29</span><span style="color: #2196f3;">) </span>
Guest

Có cách nào xóa ảnh đã bị cắt do theme trước mà giờ không dùng nữa không bác nhỉ 😀

GTV <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">1</span><span style="color: #2196f3;">) </span>
Guest

AD có cách nào tìm được tất cả add_image_size trong theme nó nằm ở đâu không?. M tìm mãi mà ko thấy nó ở đâu hết.

skylarkcob <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">124</span><span style="color: #2196f3;">) </span>
Guest
Đã trả lời  GTV (1) (1)

Có thể dùng phần mềm Notpad++ để tìm hàm add_image_size trong thư mục giao diện nhé.

Học Luật <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">43</span><span style="color: #2196f3;">) </span>
Guest

Ở bên mình vẫn sử dụng ba kích cỡ hình ảnh khác nhau với một tỷ lệ cố định, để giảm bớt số hình ảnh vô tác dụng thì bên mình chủ động sử dụng 1 loại ảnh có kích cơ 750x450px, nó sẽ được cắt ra thành các size 300×180 và 100×60 để dùng cho 3 loại ảnh khác nhau. 1 ảnh đại diện trong bài viết, 1 ảnh đại diện cho các bài viết trong 1 chuyên mục, tag… và 1 ảnh đại diện cho các bài viết trong thanh slidebar….!

lực <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">3</span><span style="color: #2196f3;">) </span>
Guest

mình dùng flatsome nếu tắt chức năng này thì hình của woocommerce nó có tự cắt không nhỉ?

Công ty hút bể phốt Thanh Bình <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">1</span><span style="color: #2196f3;">) </span>
Guest

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: #2196f3;">(</span><span class="wpdiscuz-comment-count">1</span><span style="color: #2196f3;">) </span>
Guest

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

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

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: #2196f3;">(</span><span class="wpdiscuz-comment-count">1</span><span style="color: #2196f3;">) </span>
Guest

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: #2196f3;">(</span><span class="wpdiscuz-comment-count">3</span><span style="color: #2196f3;">) </span>
Guest

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: #2196f3;">(</span><span class="wpdiscuz-comment-count">124</span><span style="color: #2196f3;">) </span>
Guest

Đố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: #2196f3;">(</span><span class="wpdiscuz-comment-count">1</span><span style="color: #2196f3;">) </span>
Guest

Xóa xong, disable Plugin.

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

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

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

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: #2196f3;">(</span><span class="wpdiscuz-comment-count">3</span><span style="color: #2196f3;">) </span>
Guest

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: #2196f3;">(</span><span class="wpdiscuz-comment-count">2</span><span style="color: #2196f3;">) </span>
Guest

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: #2196f3;">(</span><span class="wpdiscuz-comment-count">1</span><span style="color: #2196f3;">) </span>
Guest

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: #2196f3;">(</span><span class="wpdiscuz-comment-count">24</span><span style="color: #2196f3;">) </span>
Guest

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: #2196f3;">(</span><span class="wpdiscuz-comment-count">29</span><span style="color: #2196f3;">) </span>
Guest

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: #2196f3;">(</span><span class="wpdiscuz-comment-count">3</span><span style="color: #2196f3;">) </span>
Guest

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: #2196f3;">(</span><span class="wpdiscuz-comment-count">3</span><span style="color: #2196f3;">) </span>
Guest
Đã trả lời  iHuongDan.Vn (3) (3)

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: #2196f3;">(</span><span class="wpdiscuz-comment-count">30</span><span style="color: #2196f3;">) </span>
Guest

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: #2196f3;">(</span><span class="wpdiscuz-comment-count">39</span><span style="color: #2196f3;">) </span>
Guest

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: #2196f3;">(</span><span class="wpdiscuz-comment-count">39</span><span style="color: #2196f3;">) </span>
Guest

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: #2196f3;">(</span><span class="wpdiscuz-comment-count">51</span><span style="color: #2196f3;">) </span>
Guest

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

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

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

kien <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">16</span><span style="color: #2196f3;">) </span>
Guest

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: #2196f3;">(</span><span class="wpdiscuz-comment-count">16</span><span style="color: #2196f3;">) </span>
Guest
Đã trả lời  kien (16) (16)

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: #2196f3;">(</span><span class="wpdiscuz-comment-count">16</span><span style="color: #2196f3;">) </span>
Guest
Đã trả lời  kien (16) (16)

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: #2196f3;">(</span><span class="wpdiscuz-comment-count">51</span><span style="color: #2196f3;">) </span>
Guest

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

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

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: #2196f3;">(</span><span class="wpdiscuz-comment-count">130</span><span style="color: #2196f3;">) </span>
Guest
Đã trả lời  Sabo (28) (28)

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: #2196f3;">(</span><span class="wpdiscuz-comment-count">6</span><span style="color: #2196f3;">) </span>
Guest

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

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

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

Hoàng Vũ <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">49</span><span style="color: #2196f3;">) </span>
Guest

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

Hoàng Vũ <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">49</span><span style="color: #2196f3;">) </span>
Guest
Đã trả lời  Hoàng Vũ (49) (49)

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: #2196f3;">(</span><span class="wpdiscuz-comment-count">69</span><span style="color: #2196f3;">) </span>
Guest

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