Wordpress tự động thay đổi kích thước hình ảnh

Thay đổi kích thước hình ảnh trong WordPress thật dễ dàng với plugin WP Smush. Sau khi cài đặt, tất cả những gì bạn cần làm là kích hoạt plugin và chọn hình ảnh bạn muốn thay đổi kích thước

Sau đó, plugin sẽ lo phần còn lại, tự động thu nhỏ hình ảnh về kích thước chính xác và lưu chúng vào thư viện phương tiện WordPress của bạn. Bạn cũng có thể chọn lưu hình ảnh dưới dạng các tệp riêng lẻ nếu bạn muốn tách chúng khỏi trang web WordPress của mình

MẸO CHUYÊN NGHIỆP. Nếu bạn đang sử dụng WordPress để tự động thay đổi kích thước hình ảnh, hãy lưu ý rằng điều này có thể gây ra sự cố với một số trình duyệt. Ví dụ: nếu bạn đang sử dụng Internet Explorer, bạn có thể phải thay đổi kích thước hình ảnh theo cách thủ công

Nếu bạn cần thay đổi kích thước hình ảnh lớn hơn kích thước ban đầu của nó, bạn có thể sử dụng plugin WP Smush Pro. Plugin này cung cấp tùy chọn thay đổi kích thước nâng cao hơn cho phép bạn giữ nguyên kích thước ban đầu của hình ảnh trong khi thay đổi kích thước thành bất kỳ kích thước nào

Nó cũng cung cấp nhiều tính năng khác, chẳng hạn như nén và đóng dấu chìm, vì vậy bạn có thể tùy chỉnh plugin cho phù hợp với nhu cầu của mình

Nhìn chung, thay đổi kích thước hình ảnh trong WordPress thật dễ dàng với các plugin WP Smush và WP Smush Pro. Cả hai plugin đều cung cấp nhiều tính năng khác nhau để giúp việc thay đổi kích thước hình ảnh trở nên dễ dàng và cả hai plugin đều miễn phí sử dụng

9 câu trả lời câu hỏi liên quan được tìm thấy

Làm cách nào để nén hình ảnh trong WordPress?

Nén hình ảnh trong WordPress có thể được thực hiện theo một số cách khác nhau. Bạn có thể sử dụng các tùy chọn nén WordPress tích hợp hoặc bạn có thể sử dụng một plugin như WP Smush. WP Smush là một plugin tuyệt vời vì nó cho phép bạn nén nhiều hình ảnh cùng một lúc và nó cũng có rất nhiều tùy chọn tùy chỉnh

Làm cách nào để hiển thị hình ảnh trong WordPress?

Hình ảnh có thể được hiển thị trong WordPress bằng cách tải chúng lên thư viện phương tiện WordPress hoặc bằng cách sử dụng các hàm include_once và require_once. Để bao gồm một hình ảnh trong một bài đăng hoặc trang, hãy sử dụng thẻ bao gồm. Để yêu cầu đưa hình ảnh vào bài đăng hoặc trang, hãy sử dụng hàm require_once. require_once(‘myfile. php'); . Để chỉ định kích thước tính bằng pixel, hãy sử dụng thuộc tính src với giá trị là “widthxheight”

Làm cách nào để thay đổi cài đặt email trong WordPress?

Có một số cách để thay đổi cài đặt email trong WordPress. Cách phổ biến nhất là truy cập trang Cài đặt, sau đó trong phần Email, chọn nhà cung cấp dịch vụ email của bạn. Bạn cũng có thể sử dụng hàm wp_mail() để gửi email từ trang WordPress của mình

Làm cách nào để cập nhật chủ đề WordPress theo cách thủ công?

WordPress là một hệ thống quản lý nội dung phổ biến (CMS) được sử dụng để tạo và quản lý trang web. Các chủ đề của nó là các phiên bản tùy chỉnh của phần mềm WordPress được sử dụng để tạo một trang web. Chủ đề là một gói tệp cung cấp giao diện của trang web

Làm cách nào để tùy chỉnh trang kết quả tìm kiếm trong WordPress?

Trang kết quả tìm kiếm trong WordPress là một trong những trang quan trọng nhất trên trang web của bạn. Đó là nơi người dùng tìm thấy nội dung họ đang tìm kiếm và nội dung đó cần phải dễ sử dụng và tùy chỉnh. Để làm cho trang kết quả tìm kiếm của bạn có giao diện độc đáo, bạn có thể sử dụng năm mẹo sau. 1

Làm cách nào để liệt kê một tập lệnh trong WordPress?

Tập lệnh enqueue trong WordPress là một cách tuyệt vời để chạy tập lệnh trên trang web của bạn mà không phải thực thi chúng theo cách thủ công. Để liệt kê một tập lệnh trong WordPress, hãy chuyển đến menu Công cụ và chọn lệnh Enqueue Script. Sau đó, bạn sẽ được nhắc nhập tên của tập lệnh mà bạn muốn đưa vào hàng đợi

Làm cách nào để tải một video lớn lên WordPress?

Tải một video lớn lên WordPress có thể là một nhiệm vụ khó khăn, nhưng với một chút nỗ lực, nó có thể được thực hiện. Trước khi bắt đầu, bạn cần đảm bảo rằng video của mình ở định dạng mà WordPress có thể phát. Các định dạng video phổ biến mà WordPress có thể nhập bao gồm MP4, AVI và MPEG

Làm cách nào để tạo hiệu ứng động cho văn bản trong WordPress?

WordPress là một hệ thống quản lý nội dung phổ biến được sử dụng để tạo trang web. Nó cho phép người dùng tạo các trang, bài đăng và danh mục bằng văn bản. Sau đó, người dùng có thể thêm hình ảnh và video vào nội dung của họ

Làm cách nào để tự động phát video trong WordPress?

Khi bạn muốn xem video trong WordPress, bạn có thể nhúng video đó vào bài đăng của mình hoặc thêm video đó dưới dạng liên kết. Để nhúng video, chỉ cần thêm URL của video (hoặc tiền tố URL, nếu có) làm giá trị cho đầu vào “ src ” trong trình chỉnh sửa bài đăng WordPress. Để thêm video dưới dạng liên kết, trước tiên hãy tìm URL của video (hoặc tiền tố URL, nếu có) trong công cụ tìm kiếm hoặc trên web

Bạn có biết rằng việc tối ưu hóa hình ảnh của bạn trước khi tải lên WordPress có thể ảnh hưởng rất lớn đến tốc độ trang web của bạn không?

Khi bắt đầu một blog mới, nhiều người mới bắt đầu chỉ cần tải lên hình ảnh mà không tối ưu hóa chúng cho web. Những tệp hình ảnh lớn này làm cho trang web của bạn chậm hơn

Bạn có thể khắc phục điều này bằng cách sử dụng các phương pháp hay nhất về tối ưu hóa hình ảnh như một phần của thói quen viết blog thông thường của mình

Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách tối ưu hóa hình ảnh của bạn để có hiệu suất web nhanh hơn mà không làm giảm chất lượng. Chúng tôi cũng sẽ chia sẻ các plugin tối ưu hóa hình ảnh tự động cho WordPress có thể giúp cuộc sống của bạn trở nên dễ dàng

Wordpress tự động thay đổi kích thước hình ảnh

Vì đây là hướng dẫn toàn diện về tối ưu hóa hình ảnh cho web nên chúng tôi đã tạo một mục lục dễ theo dõi

  • Tối ưu hóa hình ảnh là gì?
  • Lợi ích của việc tối ưu hóa hình ảnh là gì?
  • Cách lưu và tối ưu hóa hình ảnh cho hiệu suất web
  • Các công cụ và chương trình tối ưu hóa hình ảnh tốt nhất
  • Plugin tối ưu hóa hình ảnh tốt nhất cho WordPress
  • Suy nghĩ cuối cùng và các phương pháp hay nhất để tối ưu hóa hình ảnh

Tối ưu hóa hình ảnh là gì?

Tối ưu hóa hình ảnh là quá trình lưu và phân phối hình ảnh ở kích thước tệp nhỏ nhất có thể mà không làm giảm chất lượng hình ảnh tổng thể

Mặc dù quá trình này nghe có vẻ phức tạp, nhưng ngày nay nó thực sự khá dễ dàng. Bạn có thể sử dụng một trong nhiều plugin và công cụ tối ưu hóa hình ảnh để tự động nén hình ảnh tới 80% mà không làm giảm chất lượng hình ảnh

Đây là một ví dụ về hình ảnh được tối ưu hóa và không được tối ưu hóa

Wordpress tự động thay đổi kích thước hình ảnh

Như bạn có thể thấy, khi được tối ưu hóa đúng cách, cùng một hình ảnh có thể nhỏ hơn tới 80% so với hình ảnh ban đầu mà không làm giảm chất lượng. Trong ví dụ này, hình ảnh nhỏ hơn 52%

Tối ưu hóa hình ảnh hoạt động như thế nào?

Nói một cách đơn giản, tối ưu hóa hình ảnh hoạt động bằng cách sử dụng công nghệ nén

Nén có thể là 'lossy' hoặc 'lossless'

Nén không mất dữ liệu làm giảm kích thước tệp tổng thể mà hoàn toàn không làm giảm chất lượng hình ảnh. Với nén mất dữ liệu, chất lượng có thể bị giảm nhẹ, nhưng lý tưởng là khách truy cập của bạn sẽ không nhận thấy điều đó

Tối ưu hóa hình ảnh có nghĩa là gì?

Bạn có thể đã nhận được đề xuất tối ưu hóa hình ảnh từ bộ phận hỗ trợ lưu trữ WordPress hoặc công cụ kiểm tra tốc độ và tự hỏi mình cần làm gì

Bạn sẽ cần giảm kích thước tệp hình ảnh của mình bằng cách tối ưu hóa chúng cho web. Chúng tôi sẽ chỉ cho bạn cách thực hiện từng bước

Lợi ích của việc tối ưu hóa hình ảnh là gì?

Mặc dù có nhiều lợi ích khi tối ưu hóa hình ảnh của bạn, đây là những lợi ích hàng đầu mà bạn nên biết

  • Tốc độ trang web nhanh hơn
  • Cải thiện thứ hạng SEO
  • Tỷ lệ chuyển đổi tổng thể cao hơn cho bán hàng và khách hàng tiềm năng
  • Ít dung lượng và băng thông hơn (có thể giảm chi phí lưu trữ và CDN)
  • Sao lưu trang web nhanh hơn (có thể giảm chi phí lưu trữ sao lưu)

Hình ảnh là mục nặng thứ hai trên trang web sau video. Theo kho lưu trữ HTTP, hình ảnh chiếm 21% tổng trọng lượng trung bình của một trang web

Vì chúng tôi biết các trang web nhanh xếp hạng cao hơn trong công cụ tìm kiếm (SEO) và có chuyển đổi tốt hơn, tối ưu hóa hình ảnh là điều mà mọi trang web kinh doanh phải làm nếu họ muốn thành công trực tuyến

Bây giờ bạn có thể tự hỏi tối ưu hóa hình ảnh thực sự có thể tạo ra sự khác biệt lớn như thế nào

Theo một nghiên cứu của Strangeloop, thời gian tải trang web chậm một giây có thể khiến bạn mất 7% doanh thu, số lần xem trang ít hơn 11% và mức độ hài lòng của khách hàng giảm 16%

Wordpress tự động thay đổi kích thước hình ảnh

Nếu những lý do này không đủ để tăng tốc trang web của bạn, thì bạn nên biết rằng các công cụ tìm kiếm như Google cũng ưu tiên SEO cho các trang web tải nhanh hơn

Điều này có nghĩa là bằng cách tối ưu hóa hình ảnh của bạn cho web, bạn có thể vừa cải thiện tốc độ trang web vừa tăng thứ hạng WordPress SEO

Video hướng dẫn

Đăng ký WPBeginner

Nếu bạn thích hướng dẫn bằng văn bản, thì hãy tiếp tục đọc

Cách lưu và tối ưu hóa hình ảnh cho hiệu suất web

Chìa khóa để tối ưu hóa hình ảnh thành công cho hiệu suất web là tìm sự cân bằng hoàn hảo giữa kích thước tệp thấp nhất và chất lượng hình ảnh chấp nhận được

Ba điều đóng vai trò to lớn trong việc tối ưu hóa hình ảnh là

  • Định dạng tệp hình ảnh (JPEG so với PNG so với GIF)
  • Nén (nén cao hơn = kích thước tệp nhỏ hơn)
  • Kích thước hình ảnh (chiều cao và chiều rộng)

Bằng cách chọn kết hợp đúng cả ba, bạn có thể giảm tới 80% kích thước hình ảnh của mình

Chúng ta hãy xem xét từng cái một cách chi tiết hơn

1. Định dạng tệp hình ảnh

Đối với hầu hết chủ sở hữu trang web, ba định dạng tệp hình ảnh duy nhất thực sự quan trọng là JPEG, PNG và GIF. Chọn đúng loại tệp đóng một vai trò quan trọng trong việc tối ưu hóa hình ảnh

Để đơn giản, bạn muốn sử dụng JPEG cho ảnh hoặc hình ảnh có nhiều màu, PNG cho hình ảnh đơn giản hoặc khi bạn cần hình ảnh trong suốt và GIF chỉ cho hình ảnh động

Đối với những người không biết sự khác biệt giữa từng loại tệp, định dạng hình ảnh PNG không được nén có nghĩa là hình ảnh chất lượng cao hơn. Nhược điểm là kích thước tệp lớn hơn nhiều

Mặt khác, JPEG là định dạng tệp nén làm giảm nhẹ chất lượng hình ảnh để cung cấp kích thước tệp nhỏ hơn đáng kể

Trong khi đó, GIF chỉ sử dụng 256 màu cùng với tính năng nén không mất dữ liệu khiến nó trở thành lựa chọn tốt nhất cho hình ảnh động

Trên WPBeginner, chúng tôi sử dụng cả ba định dạng hình ảnh dựa trên loại hình ảnh

2. Nén

Điều tiếp theo là nén hình ảnh đóng một vai trò rất lớn trong việc tối ưu hóa hình ảnh

Có nhiều loại và mức độ nén hình ảnh khác nhau. Cài đặt cho từng loại sẽ khác nhau tùy thuộc vào công cụ nén hình ảnh bạn sử dụng

Hầu hết các công cụ chỉnh sửa hình ảnh như Adobe Photoshop, ON1 Photo, GIMP, Affinity Photo và các công cụ khác đều có các tính năng nén hình ảnh tích hợp sẵn

Bạn cũng có thể lưu hình ảnh bình thường và sau đó sử dụng một công cụ web như TinyPNG hoặc JPEGmini để nén hình ảnh dễ dàng hơn

Mặc dù chúng yêu cầu một số nỗ lực thủ công, nhưng hai phương pháp này cho phép bạn nén hình ảnh trước khi tải chúng lên WordPress và đây là những gì chúng tôi thực hiện trên WPBeginner

Ngoài ra còn có một số plugin WordPress phổ biến như Optimole và EWWW Image Optimizer có thể tự động nén hình ảnh khi bạn tải chúng lên lần đầu tiên. Điều này rất tiện lợi và nhiều người mới bắt đầu và thậm chí cả các tập đoàn lớn thích sử dụng các plugin tối ưu hóa hình ảnh này

Chúng tôi sẽ chia sẻ thêm về cách sử dụng các plugin WordPress sau trong bài viết

3. Kích thước hình ảnh

Thông thường, khi bạn nhập ảnh từ điện thoại hoặc máy ảnh kỹ thuật số, ảnh đó có độ phân giải rất cao và kích thước tệp lớn (chiều cao và chiều rộng)

Thông thường, những bức ảnh này có độ phân giải 300 DPI và kích thước bắt đầu từ 2000 pixel trở lên. Mặc dù ảnh chất lượng cao rất phù hợp để in hoặc xuất bản trên máy tính để bàn, nhưng kích thước lớn của chúng khiến chúng không phù hợp với trang web

Giảm kích thước hình ảnh xuống mức hợp lý hơn có thể làm giảm đáng kể kích thước tệp hình ảnh. Bạn có thể resize ảnh đơn giản bằng phần mềm chỉnh sửa ảnh trên máy tính

Ví dụ: chúng tôi đã tối ưu hóa ảnh có độ phân giải 300 DPI và kích thước ảnh là 4900×3200 pixel. Kích thước tệp ban đầu là 1. 8 MB

Chúng tôi đã chọn định dạng JPEG để nén cao hơn và thay đổi kích thước thành 1200×795 pixel. Kích thước tệp đã giảm xuống chỉ còn 103 KB. Nhỏ hơn 94% so với kích thước tệp gốc

Bây giờ bạn đã biết ba yếu tố quan trọng trong tối ưu hóa hình ảnh, hãy xem các công cụ tối ưu hóa hình ảnh khác nhau dành cho chủ sở hữu trang web

Các công cụ và chương trình tối ưu hóa hình ảnh tốt nhất

Như chúng tôi đã đề cập trước đó, hầu hết các phần mềm chỉnh sửa hình ảnh đều có cài đặt nén và tối ưu hóa hình ảnh

Ngoài phần mềm chỉnh sửa hình ảnh, còn có một số công cụ tối ưu hóa hình ảnh miễn phí mạnh mẽ mà bạn có thể sử dụng để tối ưu hóa hình ảnh cho web (chỉ với vài cú nhấp chuột)

Chúng tôi khuyên bạn nên sử dụng các công cụ này để tối ưu hóa hình ảnh trước khi tải chúng lên WordPress, đặc biệt nếu bạn là người cầu toàn

Phương pháp này giúp bạn tiết kiệm dung lượng ổ đĩa trên tài khoản lưu trữ WordPress của mình và nó đảm bảo hình ảnh nhanh nhất với chất lượng tốt nhất do bạn xem xét từng hình ảnh theo cách thủ công

AdobePhotoshop

Adobe Photoshop là một ứng dụng chỉnh sửa hình ảnh cao cấp cho phép bạn xuất hình ảnh với kích thước tệp nhỏ hơn cho web

Wordpress tự động thay đổi kích thước hình ảnh

Sử dụng hộp thoại xuất, bạn có thể chọn định dạng tệp hình ảnh (JPG, PNG, GIF) cung cấp cho bạn kích thước tệp nhỏ nhất

Bạn cũng có thể giảm chất lượng hình ảnh, màu sắc và các tùy chọn khác để giảm thêm kích thước tệp

Wordpress tự động thay đổi kích thước hình ảnh

GIMP

GIMP là giải pháp thay thế mã nguồn mở và miễn phí cho Adobe Photoshop. Nó có thể được sử dụng để tối ưu hóa hình ảnh của bạn cho web. Nhược điểm là nó không dễ sử dụng như một số giải pháp khác trong danh sách này

Trước tiên, bạn cần mở hình ảnh của mình trong GIMP, sau đó chọn tùy chọn Tệp » Xuất dưới dạng…. Thao tác này sẽ hiển thị hộp thoại Xuất hình ảnh nơi bạn có thể đặt tên mới cho tệp của mình. Tiếp theo, bạn cần nhấp vào nút 'Xuất'

Bây giờ bạn sẽ thấy các tùy chọn xuất hình ảnh. Đối với các tệp JPEG, bạn có thể sử dụng thanh trượt 'Chất lượng' để chọn mức độ nén và giảm kích thước tệp

Wordpress tự động thay đổi kích thước hình ảnh

Cuối cùng, bạn nên nhấp vào nút ‘Xuất’ để lưu tệp hình ảnh được tối ưu hóa

nhỏPNG

TinyPNG là một ứng dụng web miễn phí sử dụng kỹ thuật nén mất dữ liệu thông minh để giảm kích thước tệp PNG và JPEG của bạn. Tất cả những gì bạn phải làm là truy cập trang web của họ và tải lên hình ảnh của mình bằng cách kéo và thả đơn giản

Wordpress tự động thay đổi kích thước hình ảnh

Họ sẽ nén hình ảnh và cung cấp cho bạn một liên kết tải xuống

Họ cũng có một tiện ích mở rộng cho Adobe Photoshop, đây là thứ chúng tôi sử dụng như một phần của quy trình chỉnh sửa hình ảnh vì nó cho phép bạn truy cập TinyPNG từ bên trong Photoshop

Đối với các nhà phát triển, họ có API để tự động chuyển đổi hình ảnh và đối với người mới bắt đầu, họ có một plugin WordPress sẽ làm điều đó cho bạn. Thêm về điều này sau

JPEGmini

JPEGmini sử dụng công nghệ nén không mất dữ liệu giúp giảm đáng kể kích thước hình ảnh mà không ảnh hưởng đến chất lượng cảm nhận của chúng. Bạn cũng có thể so sánh chất lượng của ảnh gốc và ảnh nén

Wordpress tự động thay đổi kích thước hình ảnh

Bạn có thể sử dụng phiên bản web của họ miễn phí hoặc mua chương trình cho máy tính của mình. Họ cũng có API trả phí để tự động hóa quy trình cho máy chủ của bạn

ImageOptim

ImageOptim là một tiện ích Mac cho phép bạn nén hình ảnh mà không làm giảm chất lượng bằng cách tìm các thông số nén tốt nhất và loại bỏ các cấu hình màu không cần thiết

Wordpress tự động thay đổi kích thước hình ảnh

Một Windows thay thế cho điều này là Trimage

Plugin tối ưu hóa hình ảnh tốt nhất cho WordPress

Chúng tôi tin rằng cách tốt nhất để tối ưu hóa hình ảnh của bạn là thực hiện trước khi tải chúng lên WordPress. Tuy nhiên, nếu bạn điều hành một trang web nhiều tác giả hoặc cần một giải pháp tự động, thì bạn có thể thử plugin nén hình ảnh WordPress

Dưới đây là danh sách các plugin nén hình ảnh WordPress tốt nhất của chúng tôi

  1. Optimole, một plugin phổ biến của nhóm đằng sau ThemeIsle
  2. EWWW Trình tối ưu hóa hình ảnh
  3. Nén hình ảnh JPEG, PNG & WebP, một plugin của nhóm TinyPNG đã đề cập ở trên
  4. Tưởng tượng, một plugin của nhóm WP Rocket nổi tiếng
  5. Trình tối ưu hóa hình ảnh ShortPixel
  6. đánh lén
  7. reSmush. nó

Các plugin tối ưu hóa hình ảnh WordPress này sẽ giúp bạn tăng tốc trang web của mình

Suy nghĩ cuối cùng và các phương pháp hay nhất để tối ưu hóa hình ảnh

Nếu bạn không lưu hình ảnh được tối ưu hóa cho web, thì bạn cần bắt đầu thực hiện ngay bây giờ. Nó sẽ tạo ra sự khác biệt lớn về tốc độ trang web của bạn và người dùng của bạn sẽ cảm ơn bạn vì điều đó

Chưa kể, các trang web nhanh hơn rất tốt cho SEO và bạn có thể sẽ thấy thứ hạng trên công cụ tìm kiếm của mình tăng lên

Ngoài việc tối ưu hóa hình ảnh, hai điều sẽ giúp bạn tăng tốc đáng kể trang web của mình là sử dụng plugin bộ nhớ đệm WordPress và sử dụng CDN WordPress

Ngoài ra, bạn có thể sử dụng công ty lưu trữ WordPress được quản lý vì họ thường cung cấp cả bộ nhớ đệm và CDN như một phần của nền tảng

Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách tối ưu hóa hình ảnh của mình trong WordPress. Bạn cũng có thể muốn xem hướng dẫn của chúng tôi về cách cải thiện bảo mật WordPress của bạn và các plugin WordPress tốt nhất cho các trang web kinh doanh

Nếu bạn thích bài viết này, vui lòng đăng ký Kênh YouTube của chúng tôi để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Facebook