👉 Tăng tốc độ WordPress của bạn - Cách lưu hình ảnh được tối ưu hóa cho Web

Hướng dẫn cuối cùng cho chiến lược viết blog khách hiệu quả vào năm 2018

Bạn có lưu hình ảnh sai không? Hầu hết người mới bắt đầu không biết làm thế nào để lưu hình ảnh đúng cách mà có thể có một tác động rất lớn đến tốc độ trang web. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách lưu hình ảnh được tối ưu hóa cho web một cách chính xác.

Mỗi chuyên gia viết blog sẽ cho bạn biết rằng hình ảnh giúp tăng mức độ tương tác. Tuy nhiên những gì họ không nói với bạn là không tối ưu hóa hình ảnh cho web có thể làm chậm trang web của bạn. Theo Strangeloop, thời gian trễ một giây có thể khiến bạn mất 7% doanh số, ít hơn 11% số lần truy cập trang và giảm 16% sự hài lòng của khách hàng.

Video hướng dẫn

Đăng ký WPBeginner

Nếu bạn không thích video hoặc cần thêm hướng dẫn, hãy tiếp tục đọc.

Làm thế nào để lưu hình ảnh đúng?

Khi lưu hình ảnh, bạn cần xem xét hai điều: định dạng tệp hình ảnhnén. Bằng cách chọn kết hợp phù hợp, bạn có thể giảm kích thước hình ảnh xuống 5x.

Đối với hầu hết chúng ta, chỉ có hai định dạng hình ảnh quan trọng là JPEG và PNG. Để giữ cho mọi thứ đơn giản, hãy sử dụng JPEG cho ảnh hoặc hình ảnh có nhiều màu và sử dụng PNG cho hình ảnh đơn giản hơn hoặc khi bạn cần hình ảnh trong suốt.

Đối với những người không biết sự khác biệt, định dạng hình ảnh PNG là không nén, có nghĩa là nó là một 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 giúp giảm bớt chất lượng hình ảnh nhằm cung cấp kích thước tệp nhỏ hơn đáng kể.

Trên WPBeginner, phần lớn hình ảnh của chúng tôi là JPEG.

Điều tiếp theo là nén có nghĩa là sử dụng một công cụ để lưu hình ảnh được tối ưu hóa cho web. Nén có thể tạo ra sự khác biệt lớn.

Xem bảng dưới đây làm nổi bật một số kết hợp mà chúng tôi có thể đã sử dụng để lưu hình ảnh Strangeloop được sử dụng trong bài viết này.

Định dạng hình ảnhKích cỡ hình
Photoshop tối ưu hóa JPEG cao33 KB
TinyPNG được tối ưu hóa57 KB
JPEG Mini được tối ưu hóa70 KB
Tối ưu hóa ảnh JPEG tối đa của Photoshop93 KB
Tối đa JPEG không được tối ưu hóa119 KB
Photoshop tối ưu hóa PNG135 KB
PNG không được tối ưu hóa145 KB

Công cụ nén hình ảnh cho người viết blog

Bây giờ bạn đã thấy sự khác biệt mà mỗi loại nén tạo ra, dưới đây là cách bạn có thể lưu đúng 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 cao cấp đi kèm với một tính năng để lưu hình ảnh tối ưu hóa cho web. Chỉ cần mở hình ảnh của bạn và nhấp vào nút File> Save for Web & Devices.

Thao tác này sẽ mở màn hình lưu. Ở bên phải, bạn có thể đặt các định dạng hình ảnh khác nhau. Đối với định dạng JPEG, bạn sẽ thấy các tùy chọn chất lượng khác nhau. Khi bạn chọn các tùy chọn của bạn, nó cũng sẽ cho bạn thấy kích thước tập tin ở phía dưới bên phải.

Lưu ý: Chúng tôi hiểu rằng Photoshop khá đắt. GIMP là một thay thế miễn phí mà người dùng có thể sử dụng. Các sản phẩm Adobe khác như Fireworks có thể thực hiện công việc như wel.

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 tệp PNG 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 bạn. Họ sẽ nén hình ảnh và cung cấp cho bạn liên kết tải xuống.

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

JPEG Mini

JPEGmini sử dụng công nghệ nén lại 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 cảm nhận của chúng. 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 làm mất bất kỳ chất lượng nào 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.

Windows thay thế cho điều này là Trimage.

Như bạn có thể thấy rằng có một số công cụ bạn có thể sử dụng để tối ưu hóa hình ảnh cho web. Khi sử dụng tính năng nén Photoshop, chúng tôi thấy kết quả tốt nhất về kích thước tuy nhiên chất lượng bị ảnh hưởng. TinyPNG là một người chiến thắng rõ ràng để lưu bất kỳ loại PNG nào trên web.

Một số gợi ý rằng bạn có thể sử dụng kết hợp TinyPNG hoặc JPEG Mini và Image Optim để có kết quả tốt hơn nữa. Tuy nhiên chạy hai công cụ riêng biệt để tải lên hình ảnh có thể tăng khối lượng công việc của bạn một chút.

Suy nghĩ cuối cùng về 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ì hãy bắt đầu làm như vậy ngay bây giờ. Nó có thể 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ắc chắn chất lượng hình ảnh có thể giảm nhẹ, nhưng hầu hết người dùng sẽ không nhận thấy nó.

Nếu bạn đang tìm kiếm hình ảnh chất lượng, hãy xem hướng dẫn của chúng tôi về cách tìm hình ảnh miễn phí bản quyền cho các bài đăng trên blog của bạn.

Cuối cùng nhưng chắc chắn không phải là ít nhất, bằng cách sử dụng một CDN để phục vụ hình ảnh cho trang web WordPress của bạn có thể tăng tốc đáng kể trang web của bạn. Kiểm tra đồ họa thông tin này để xem CDN là gì và sử dụng hướng dẫn của chúng tôi về cách thiết lập CDN cho trang web của bạn. Chúng tôi đang sử dụng MaxCDN cho trang web của mình.

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

Bạn có bạn bè blogger đang lưu hình ảnh sai? Chia sẻ bài viết này với họ, để họ có thể tăng tốc trang web của họ. Họ sẽ cảm ơn bạn vì điều đó.

Nếu bạn có bất kỳ câu hỏi nào, vui lòng để lại nhận xét bên dưới. Cũng đừng quên theo dõi chúng tôi trên Twitter và Google+

Xem video: 7 Thói Quen Thành Công Học Sinh Giỏi Bậc Thầy. TNN

Like this post? Please share to your friends:
Trả lời

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: