Hướng dẫn optimize image wordpress - tối ưu hình ảnh wordpress

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

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 tin hình ảnh lớn 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 thực tiễn tốt nhất tối ưu hóa hình ảnh như là một phần của thói quen viết blog thông thường của bạn.

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 mất 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 dễ dàng.

Vì đây là một hướng dẫn toàn diện về tối ưu hóa hình ảnh cho web, chúng tôi đã tạo ra một bảng nội dung dễ thực hiện:

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

Tối ưu hóa hình ảnh là một quá trình lưu và cung cấp hình ảnh trong 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 nghe có vẻ phức tạp, nhưng thực sự khá dễ dàng những ngày này. 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 lên tới 80% mà không có bất kỳ mất mát nào về chất lượng hình ảnh.

Dưới đây, một ví dụ về hình ảnh không được tối ưu hóa VS được tối ưu hóa:

Như bạn có thể thấy, khi được tối ưu hóa đúng cách, hình ảnh tương tự có thể nhỏ hơn tới 80% so với bản gốc mà không có bất kỳ tổn thất nào về chất lượng. Trong ví dụ này, hình ảnh nhỏ hơn 52%.

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

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à ‘mất mát hoặc’ lossless.

Nén lossless làm giảm kích thước tập tin tổng thể mà hoàn toàn không mất chất lượng hình ảnh. Với việc nén mất mát, có thể có một sự mất mát nhỏ về chất lượng, nhưng lý tưởng nhất, nó đã giành được sự đáng chú ý đối với khách truy cập của bạn.

Nó có nghĩa là gì để tối ưu hóa hình ảnh?

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

Bạn sẽ cần giảm kích thước tệp của hình ả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 đó.

Những lợi ích của tối ưu hóa hình ảnh là gì?

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

• Tốc độ trang web nhanh hơn
• Cải thiện bảng xếp hạng SEO
• Tỷ lệ chuyển đổi tổng thể cao hơn cho doanh số và khách hàng tiềm năng
• Ít lưu trữ và băng thông (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ữ dự phòng)

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 của trang web.images make up 21% of an average webpage’s total weight.

Vì chúng tôi biết các trang web nhanh xếp hạng cao hơn trong các công cụ tìm kiếm (SEO) và có chuyển đổi tốt hơn, nê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 làm thế nào tối ưu hóa hình ảnh khác biệt có thể thực sự tạo ra.

Theo một nghiên cứu của Strangeloop, thời gian trì hoãn một giây trong thời gian tải trang web có thể khiến bạn mất 7% doanh số, ít hơn 11% số lượt xem trang và giảm 16% sự hài lòng của khách hàng.

Nếu những điều này có đủ lý do để 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 cung cấp điều trị SEO ưu đãi 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ể cải thiện tốc độ trang web vừa tăng bảng xếp hạng SEO WordPress.

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ò rất lớn trong tối ưu hóa hình ảnh là:

• Định dạng tệp hình ảnh (JPEG vs PNG vs 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 sự kết hợp đúng của ba, bạn có thể giảm kích thước hình ảnh lên tới 80%.

Hãy cùng xem một trong số này chi tiết hơn.

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

Đối với hầu hết các 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 tối ưu hóa hình ảnh.

Để giữ cho mọi thứ đơn giản, bạn muốn sử dụng JPEG cho ảnh hoặc hình ảnh có nhiều màu sắc, 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 hoạt hình.

Đối với những người không biết sự khác biệt giữa mỗi loại tệp, định dạng hình ảnh PNG không bị nén, điều đó có nghĩa là đó 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à một định dạng tệp nén giúp 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 nén không mất, điều này làm cho nó trở thành lựa chọn tốt nhất cho hình ảnh hoạt hình.

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 tối ưu hóa hình ảnh.

Có nhiều loại và mức độ nén hình ảnh có sẵn. Các cài đặt cho mỗi sẽ thay đổi 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, ảnh ái lực và các công cụ khác đi kèm với các tính năng nén hình ảnh tích hợp.

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ư tinpng 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, 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 làm trên WPBEGINNER.

Ngoài ra còn có một số plugin WordPress phổ biến như Optimole và EWWW Image Optimate có thể tự động nén hình ảnh khi bạn tải lên chúng lần đầu tiên. Điều này là thuận tiện, và nhiều người mới bắt đầu và thậm chí 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ề việc 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ố, nó 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ù các bức ảnh chất lượng cao rất phù hợp để xuất bản in hoặc máy tính để bàn, kích thước lớn của chúng làm cho chúng không phù hợp với các trang web.

Giảm kích thước hình ảnh thành một cái gì đó 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ể chỉ cần thay đổi kích thước hình ảnh bằng phần mềm chỉnh sửa hình ảnh trên máy tính của mình.

Ví dụ: chúng tôi đã tối ưu hóa một bức ảnh với độ phân giải 300 dpi và kích thước hình ả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. Đó là 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 xét các công cụ tối ưu hóa hình ảnh khác nhau 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.

Bên ngoài phần mềm chỉnh sửa hình ảnh, cũng 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 lần nhấp).

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 bạn 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 lưu không gian đĩ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 vì bạn xem xét thủ công từng hình ảnh.

Adobe Photoshop

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.

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.

Gimp

Gimp là một giải pháp thay thế miễn phí và nguồn mở 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.

Đầu tiên, bạn cần mở hình ảnh của mình trong GIMP và sau đó chọn tệp »xuất dưới dạng tùy chọn. Điều này sẽ hiển thị hộp thoại Xuất hình ảnh nơi bạn có thể đặt cho tệp của mình một tên mới. Tiếp theo, bạn cần nhấp vào nút ‘Xuất.File » Export As… option. This will bring up the Export Image dialog box where you can give your file a new name. Next, you need to click the ‘Export’ button.

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.

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.

Tinypng

Tinypng là một ứng dụng web miễn phí sử dụng kỹ thuật nén mất thông minh để giảm kích thước các tệp PNG và JPEG của bạn. Tất cả 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 bạn bằng cách kéo và thả đơn giản.

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 phần mở rộng cho Adobe Photoshop, đó là những gì chúng tôi sử dụng như một phần của quy trình chỉnh sửa hình ảnh của chúng tôi vì nó cho phép bạn truy cập tinpng 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 mát giúp giảm đáng kể kích thước của hình ảnh mà không ảnh hưởng đến chất lượng nhận thức của chúng. Bạn cũng có thể so sánh chất lượng của hình ảnh gốc và hình ảnh nén.

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 bạn. 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 mất bất kỳ chất lượng nào bằng cách tìm các tham số nén tốt nhất và xóa các cấu hình màu không cần thiết.

Một cửa sổ thay thế cho điều này là cắt.

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 nó trước khi tải chúng lên WordPress. Tuy nhiên, nếu bạn chạy một trang web đa tác giả hoặc cần một giải pháp tự động, thì bạn có thể thử một 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:

1. Optimole, một plugin phổ biến của nhóm đằng sau chủ đề
2. Trình tối ưu hóa hình ảnh EWWW
3. JPEG, PNG & Trang web nén hình ảnh, một plugin của nhóm tinpng được đề cập ở trên
4. Tưởng tượng, một plugin của nhóm Rocket WP nổi tiếng
5. Trình tối ưu hóa hình ảnh Shortpixel
6. Smush
7. reSmush.it

Những 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.

Những suy nghĩ cuối cùng và thực tiễn tốt 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 làm như vậy ngay bây giờ. Nó sẽ tạo ra một 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ì nó.

Chưa kể, các trang web nhanh hơn là tuyệt vời cho SEO và bạn có thể sẽ thấy sự gia tăng trong bảng xếp hạng công cụ tìm kiếm của bạn.

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

Ngoài ra, bạn có thể sử dụng một công ty lưu trữ WordPress được quản lý vì họ thường cung cấp cả bộ đệ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 học cách tối ưu hóa hình ảnh của bạn 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, sau đó vui lòng đăng ký & NBSP của chúng tôi; kênh YouTube & nbsp; cho các hướng dẫn video WordPress. Bạn cũng có thể tìm thấy chúng tôi trên & nbsp; Twitter & nbsp; và Facebook.