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

Làm thế nào để đăng ký và tối ưu hóa hình ảnh của blog WordPress của bạn

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 600.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ị]

Bạn có biết làm thế nào để giảm kích thước hình ảnh của mình để tăng tốc độ tải blog của bạn không? Hầu hết các blogger mới làm quen không biết cách ghi lại hình ảnh chính xác, điều này ảnh hưởng lớn đến thời gian hiển thị trang web của họ. Do đó, trong bài viết này, tôi sẽ chỉ cho bạn cách lưu hình ảnh được tối ưu hóa vào blog của bạn.

Tất cả các blogger chuyên gia sẽ nói với bạn rằng những hình ảnh này có thể làm tăng sự cam kết. Tuy nhiên, điều họ không nói với bạn là trọng lượng và kích thước rất quan trọng. Hình ảnh quá nặng sẽ làm chậm blog của bạn, nó sẽ hiển thị chậm hơn. theo Strangeloop, một giây chậm trễ có thể khiến bạn phải trả phí 7% cho doanh số của bạn, 11% trang trên trang web của bạn sẽ ít được truy cập hơn và 16% khách hàng của bạn có thể không hài lòng.

Làm thế nào để chính xác lưu hình ảnh trên blog của bạn?

Khi bạn lưu hình ảnh vào blog WordPress của mình, có hai điều cần xem xét: định dạng của hình ảnh et nén.

Bằng cách chọn kết hợp đúng, bạn có thể giảm 5 lần trọng lượng của hình ảnh.

Đối với hầu hết chúng ta, hai định dạng hình ảnh được sử dụng nhiều nhất là JPEG et PNG. Để đơn giản hơn, sử dụng định dạng JPEG cho hình ảnh có nhiều màu sắc, và sử dụng định dạng PNG khi bạn cần hình ảnh trong suốt chẳng hạn.

Đối với những người không tạo ra sự khác biệt, hình ảnh PNG không được nén, có nghĩa là những hình ảnh này phẩm chất rất tốt. Nhược điểm là hình ảnh của bạn nặng hơn nhiều sẽ làm chậm thời gian tải trang web của bạn. Mặt khác, định dạng JPEG là định dạng nén, vì vậy chất lượng hình ảnh không tốt bằng định dạng hình ảnh PNG. Tuy nhiên, kích thước của hình ảnh cũng giảm.

Sur BlogPasCher, hầu hết các hình ảnh đều ở định dạng JPEG.

Bước tiếp theo là nén, có nghĩa là, giảm trọng lượng của hình ảnh và tối ưu hóa cho web. Nén một hình ảnh sẽ tạo ra một sự khác biệt lớn.

Bảng dưới đây cho thấy các kết hợp khác nhau mà chúng ta có thể sử dụng để lưu hình ảnh được sử dụng ở cuối bài viết này.

Định dạng hình ảnh

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

Định dạng JPEG Tối ưu hóa Photoshop (Trên cùng)

33 KB

Tối ưu hóa TinyPNG

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í]

57 KB

Tối ưu hóa tối ưu JPEG

70 KB

Tối ưu hóa Photoshop JPEG (Tối đa)

93 KB

Định dạng JPEG không tối ưu hóa (Tối đa)

119 KB

Tối ưu hóa định dạng PNG của Photoshop

135 KB

Hình ảnh PNG không được tối ưu hóa

145 KB

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]

Các công cụ nén cho các blogger

Bây giờ bạn đã thấy sự khác biệt giữa từng loại nén, bên dưới, tôi sẽ chỉ cho bạn cách lưu hình ảnh được tối ưu hóa cho web và tăng tốc độ trang web của bạn.

Adobe Photoshop

Adobe Photoshop là một phần mềm (trả phí) đi kèm với các tính năng sẽ cho phép bạn lưu hình ảnh được tối ưu hóa cho web. Để thực hiện việc này, hãy mở hình ảnh của bạn và nhấp vào menu Tệp> Lưu cho web.

Nhấp vào nó sẽ mở ra một cửa sổ. Và ở bên phải, bạn sẽ thấy một trường với các định dạng khác nhau. Đối với định dạng JPEG, bạn sẽ có lựa chọn giữa một số hình thức nén, điều này sẽ làm giảm trọng lượng hình ảnh của bạn. Sau khi chọn tùy chọn của bạn, bạn sẽ thấy kích thước của hình ảnh được hiển thị ở dưới cùng bên phải.

Quan trọng : bạn phải biết rằng Photoshop là một phần mềm khá đắt tiền. Bạn sẽ có thay thế GIMP, đây là phần mềm miễn phí và có thể truy cập được cho tất cả mọi người, nhưng cả các sản phẩm Adobe khác như Fireworks, có thể thực hiện nhiệm vụ này một cách chính xác.

TinyPNG

TinyPNG là một phần mềm dựa trên web sử dụng kỹ thuật mất thông minh để giảm trọng lượng hình ảnh của bạn ở định dạng PNG. Tất cả bạn cần làm là truy cập trang web của họ và gửi hình ảnh của bạn. Họ sẽ thực hiện nén cho bạn và họ sẽ gửi cho bạn liên kết tải xuống cho hình ảnh của bạn.

Đối với các nhà phát triển, họ cũng cung cấp API để chuyển đổi hình ảnh tự động.

JPEG MINI

JPEG MINI là một công nghệ nén giúp giảm đáng kể kích thước hình ảnh của bạn mà không ảnh hưởng đến chất lượng của chúng. Bạn có thể sử dụng phiên bản web miễn phí hoặc mua phần mềm cho máy tính của mình. Họ cũng có API trả phí tự động hóa quy trình trên máy chủ của bạn.

ImageOptim

ImageOptim là một tiện ích MAC sẽ cho phép bạn nén hình ảnh của mình mà không làm giảm chất lượng, tìm các cài đặt nén tốt nhất và loại bỏ các màu có thể phân tán.

Thay thế cho Windows của tiện ích này là Cắt ra.

Như bạn có thể thấy, có một số công cụ mà bạn có thể sử dụng để cắt hình ảnh cho web. Sử dụng nén Photoshop, chúng tôi đã có kết quả tốt hơn về kích thước tệp tuy nhiên chất lượng bị ảnh hưởng. TinyPNG là một giải pháp rất tốt để lưu hình ảnh PNG cho web.

Một số sẽ đề nghị sử dụng kết hợp TinyPNG ou JPEG nhỏ et Hình ảnh Tối ưu cho kết quả tốt hơn. Tuy nhiên, sử dụng hai công cụ để thực hiện việc nén của bạn sẽ làm bạn quá tải một chút.

Suy nghĩ cuối cùng về Tối ưu hóa hình ảnh

Nếu trước đây bạn không ghi lại hình ảnh được tối ưu hóa cho web, thì ngay bây giờ, hãy bắt đầu thực hiện nó. Điều này có thể tạo ra một sự khác biệt lớn trên tốc độ đăng trang web của bạnvà người dùng của bạn chắc chắn sẽ cảm ơn bạn vì điều đó. Tất nhiên, chất lượng của hình ảnh có thể giảm đáng kể, nhưng hầu hết người dùng sẽ không nhận thấy sự thay đổi này.

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]

Một điều nữa, sử dụng CDN cho blog WordPress của bạn có thể tăng đáng kể tốc độ tải trang web của bạn. Chúng tôi sử dụng CloudFlare cho tất cả các trang web của chúng tôi. Nhưng cũng có MaxCDN cho trang web của chúng tôi.

Dưới đây là một số tài nguyên khác sẽ giúp bạn:

Chúng tôi hy vọng bạn thấy bài viết này rất hữu ích.

Bạn có người bạn blogger không lưu hình ảnh của họ một cách chính xác? Chia sẻ bài viết này với họ, để cuối cùng họ sẽ tăng tốc độ đăng trang web của họ và họ sẽ cảm ơn bạn vì điều đó.

Nếu bạn có một câu hỏi, xin vui lòng để lại một bình luận dưới đây. Nhưng cũng đừng quên theo dõi chúng tôi trên mạng xã hội.

Bài viết này chứa 1 bình luận

Để 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
5 cổ phiếu
cổ phiếu4
tweet1
Enregistrer