Bỏ qua đến nội dung chính

Làm thế nào để nén và thay đổi kích thước hình ảnh trên WordPress

Divi: chủ đề WordPress dễ sử dụng nhất

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 701.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí. [Khuyến nghị]

Có được những hình ảnh đẹp, chất lượng có thể rất khó khi cải thiện hiệu suất của một trang web WordPress. Nhiều đến nỗi chúng tôi đã có một vài người đăng ký, những người luôn hỏi chúng tôi làm thế nào để nén và thay đổi kích thước hình ảnh đúng cách.

Đây là một khía cạnh quan trọng trong việc tối ưu hóa trang web của bạn, mà tất cả chúng ta phải đi. Nếu bạn đã theo dõi chúng tôi trong một thời gian dài, có lẽ bạn đã nghe nói về Plugin Hummingbird từ WPMUDEV.

Đây là một plugin có thể cho phép bạn giảm kích thước hình ảnh của 75%, rất đáng kể.

Vì vậy, trong hướng dẫn này, tôi sẽ giải thích cách thay đổi kích thước hình ảnh của bạn theo cách thủ công trong bảng điều khiển và trong chủ đề WordPress của bạn.

Nhưng trước đây, nếu bạn chưa bao giờ cài đặt WordPress khám phá Làm thế nào để cài đặt một theme WordPress et Làm thế nào để tìm kiếm, cài đặt và kích hoạt một chủ đề WordPress trên blog của bạn 

Sau đó trở lại lý do tại sao chúng ta ở đây.

Tại sao bạn cần thay đổi kích thước và nén hình ảnh của mình?

Đây là một gợi ý cung cấp Hummingbird. Đề xuất này có nghĩa là bạn đang sử dụng một hình ảnh được tải lên blog WordPress của bạn với kích thước lớn hơn những gì được sử dụng trong chủ đề của bạn.

Điều này thường xảy ra khi có lỗi với chủ đề WordPress bạn đang sử dụng và các hình ảnh lớn hơn không được tự động cắt theo kích thước mong đợi. Thay vào đó, chúng được thay đổi kích thước để phù hợp.

Đi xa hơn bằng cách khám phá Tại sao bạn phải bắt đầu tối ưu hóa blog WordPress của mình bằng hình ảnh

Điều này có nghĩa là khi khách truy cập tải trang có hình ảnh quá khổ trong trình duyệt của họ, kích thước ban đầu của hình ảnh sẽ được tải và sau đó nó được thay đổi kích thước để phù hợp với kích thước được chỉ định trong chủ đề WordPress của bạn.

Bước bổ sung, đột ngột thay đổi kích thước hình ảnh lớn hơn này đòi hỏi các yêu cầu và tài nguyên bổ sung từ máy chủ để tải trên một trang.

Khám phá cũng của chúng tôi 10 plugin WordPress để tạo ra lượng truy cập vào blog của bạn

Kết quả là tốc độ trang chậm hơn, điểm Hummingbird thấp hơn, do đó khuyến nghị nén và thay đổi kích thước hình ảnh.

Nén hình ảnh Humminbird

Mặc dầu WP Smush Pro có thể tự động giải quyết đề xuất nén hình ảnh, đây không phải là trường hợp của đề xuất " nén và thay đổi kích thước". Đối với trường hợp thứ hai, bạn phải thực hiện thay đổi theo cách thủ công và có một số cách để thực hiện:

  • Chỉnh sửa tệp chức năng của tệp chủ đề và mẫu WordPress của bạn
  • Cắt hình ảnh theo kích thước mong đợi trong thư viện đa phương tiện
  • Điều chỉnh cài đặt đa phương tiện

Dưới đây bạn sẽ tìm thấy thêm chi tiết về cách thay đổi kích thước hình ảnh của bạn bằng các phương pháp này.

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn dễ dàng tạo ra bất kỳ thiết kế trang web nào với một cái nhìn chuyên nghiệp. Ngừng trả tiền đắt cho những gì bạn có thể tự làm. [Miễn phí]

Lưu kích thước hình ảnh của chủ đề WordPress của bạn

Để khắc phục sự cố này trong chủ đề của bạn, bạn cần đảm bảo rằng hình ảnh được lưu chính xác. Để biết thêm thông tin về cách thực hiện việc này, hãy đọc hướng dẫn thay đổi kích thước hình ảnh cho chủ đề của bạn.

Nếu bạn không muốn chạm vào bất kỳ mã nào, bạn có thể thông báo cho tác giả của chủ đề WordPress của bạn và yêu cầu họ thực hiện các thay đổi cần thiết cho bạn. Khi bản vá hoàn tất, bạn có thể cập nhật chủ đề WordPress của mình để thêm các thay đổi vào trang web của mình.

Nâng cấp hình ảnh của bạn trong WordPress

Trong khi bạn có thể đợi nhà phát triển chủ đề WordPress của mình khắc phục sự cố này, bạn có thể thử một số phương pháp thay đổi kích thước hình ảnh thủ công khác mà chúng tôi cung cấp bên dưới.

Thu gọn hình ảnh trong thư viện phương tiện

Để cắt ảnh thủ công, hãy chuyển đến " Phương tiện> Thư viện »Và chọn bằng cách nhấp vào hình ảnh bạn muốn cắt. Sau đó bấm vào nút Chỉnh sửa hình ảnh để mở giao diện chỉnh sửa.

Chỉnh sửa hình ảnh phương tiện wordpress

Cắt hình ảnh nếu cần bằng cách sử dụng các tùy chọn tương ứng ở bên phải. Hãy nhớ rằng nếu bạn thu nhỏ hình ảnh để phù hợp với chiều rộng bạn cần, chiều cao có thể ngắn hơn hoặc dài hơn kích thước do chủ đề WordPress của bạn đặt tùy thuộc vào kích thước của hình ảnh gốc.

Bạn cũng có thể sử dụng một trong các 6 plugin chỉnh sửa hình ảnh WordPress mà bạn sẽ khám phá bằng cách tham khảo liên kết này 

Nếu bạn chọn phóng to hình ảnh của mình, nó vẫn ở tỷ lệ thích hợp với hình ảnh gốc. Mặt khác, nếu bạn quyết định cắt hình ảnh của mình, có thể không nhất thiết phải chỉnh sửa nó theo tỷ lệ dựa trên kích thước bạn chọn.

Bạn có thể thay đổi kích thước hình ảnh của mình bằng cách nhập chiều rộng và chiều cao mong muốn, sau đó nhấp vào " thay đổi kích thước Hoặc nếu bạn muốn cắt hình ảnh của mình, bạn có thể làm như vậy bằng cách nhấp và kéo chuột qua hình ảnh và chọn vùng mong muốn. Sau đó, thả chuột để hiển thị lựa chọn của bạn.

Thay đổi kích thước hình ảnh trên wordpress

Sau khi hoàn thành, đừng quên nhấp vào " Enregistrer". Bạn cũng có thể áp dụng các cài đặt cho bất kỳ kích thước.

Áp dụng kích thước cho hình ảnh

Tùy chọn này để thay đổi kích thước của hình ảnh cũng có sẵn từ thư viện phương tiện.

Bạn đang tìm kiếm các plugin và plugin WordPress tốt nhất?

Tải xuống các plugin và WordPress chủ đề tốt nhất trên Envato và dễ dàng tạo trang web của bạn. Đã tải xuống nhiều hơn 49.720.000. [ĐỘC QUYỀN]

Sửa đổi hình ảnh trong thư viện phương tiện

Khám phá thêm một số plugin WordPress cao cấp  

Bạn có thể sử dụng các plugin WordPress khác để mang lại cái nhìn hiện đại và tối ưu hóa độ bám của blog hoặc trang web của bạn.

Chúng tôi cung cấp cho bạn ở đây một số plugin WordPress cao cấp sẽ giúp bạn làm điều đó.

1. Bpchat

Bpchat là một phần mở rộng WordPress của BuddyPress, thiết lập một hệ thống trò chuyện trên blog hoặc trang web WordPress của bạn.

Plugin trò chuyện người dùng buddypress của Wordpress

Sau khi plugin này được cài đặt trên bất kỳ blog, diễn đàn, cộng đồng, thư mục, trang web thương mại điện tử hoặc trang web xã hội nào BuddyPress, tất cả người dùng được kết nối có thể tự động trò chuyện ngay lập tức.

CPlugin WordPress cũng thiết lập một cách dễ dàng để trò chuyện trực tuyến, trông giống như những gì Facebook cung cấp.

Tải về | Bản demo | Web hosting

2. Nhấp vào Trò chuyện WhatsApp

Plugin WordPress Click to WhatsApp Chat cho phép khách hàng WordPress dễ dàng kết nối với chủ sở hữu trang web hoặc hỗ trợ khách hàng bằng tài khoản WhatsApp của họ.  Nhấp để trò chuyện whatsapp cho wordpress

Chỉ cần một cú nhấp chuột vào tài khoản WhatsApp và nó sẽ được chuyển trực tiếp đến tài khoản WhatsApp di động với một thông báo mặc định. Và nếu khách hàng ở trên máy tính để bàn hoặc máy tính xách tay, anh ta sẽ được chuyển hướng đến WhatsApp Web.

Khám phá cũng của chúng tôi Các plugin 10 WordPress để ẩn nội dung cao cấp trên blog của bạn

Plugin này yêu cầu số và ngày giờ WhatsApp mà chủ sở hữu trang web hoặc nhóm hỗ trợ sẽ sử dụng để thảo luận. Có thể thêm nút trò chuyện trên trang chi tiết sản phẩm WooCommerce, có liên quan trực tiếp đến sản phẩm này.

Tải về | Bản demo | Web hosting

3. Tùy chọn sản phẩm WooCommerce Bổ sung

Tùy chọn sản phẩm bổ sung WooC Commerce là một tiện ích mở rộng WordPress sẽ cho phép bạn tạo các tùy chọn sản phẩm bổ sung với sự hỗ trợ cho logic có điều kiện. Bạn cũng sẽ có thể tạo biểu mẫu, chuyển đổi thả xuống thuộc tính sang các nút radio và hơn thế nữa.

Các tùy chọn sản phẩm bổ sung của Woocommerce

Trong số các tính năng của nó, chúng tôi sẽ tìm thấy trong số những tính năng khác: phỗ trợ cho nhiều loại trường, cgiá theo các trường đã chọn, hàm tạo trực quan của các trường biểu mẫu, hỗ trợ các mã ngắn, khả năngkích hoạt các tùy chọn của nó cho các vai trò cụ thể,giữa sự gia tăng của giá cố định hoặc tỷ lệ phần trăm, inhập / xuất sang các hình thức khác, pcó thể ẩn hoặc hiển thị giá, sự hỗ trợ củalogic điều kiện trên các trường và các phần trong hàm tạo biểu mẫu,tương thích với một số plugin và tiện ích mở rộng thương mại điện tử, một dtài liệu chi tiết, và thêm ...

Tải về | Bản demo | Web hosting

Dễ dàng tạo Cửa hàng trực tuyến của bạn

Tải xuống miễn phí WooCommerce, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress. [Đề xuất]

Tài nguyên đề xuất

Tìm hiểu về các tài nguyên được đề xuất khác để giúp bạn xây dựng và quản lý trang web của mình.

Kết luận

Thế thôi! Đó là tất cả cho hướng dẫn này, tôi hy vọng bạn sẽ có thể chỉnh sửa, thay đổi kích thước và nén hình ảnh của mình. Đừng ngần ngại chia sẻ với bạn bè của bạn trên các mạng xã hội yêu thích của bạn

Tuy nhiên, bạn cũng sẽ có thể tham khảo ý kiến ​​của chúng tôi ressources, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress.

Nếu bạn có đề xuất hoặc nhận xét, hãy để lại trong phần của chúng tôi ý kiến.

...  

Bài viết này chứa comments 2

Để lại một bình luận

Địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *

Trang web này sử dụng Akismet để giảm bớt không mong muốn. Tìm hiểu thêm về cách sử dụng dữ liệu nhận xét của bạn.

Trở lại đầu trang
7 cổ phiếu
cổ phiếu6
tweet
Enregistrer1