Nén ảnh wordpress
You are watching. Hướng dẫn chi tiết và đầy đủ cách tối ưu hình ảnh dành cho Wordpress tại Compa Marketing Show
Ý nghĩa của việc tối ưu hóa hình ảnh là gì? Hình ảnh làm chậm các trang web của bạn tạo ra trải nghiệm người dùng tối ưu. Tối ưu hóa ảnh là quá trình giảm kích thước tệp của chúng, sử dụng plugin hoặc tệp lệnh, từ đó tăng tốc độ tải của trang. Nén thất bại và nén không mất dữ liệu là hai phương pháp thường được sử dụng Tại sao ảnh (rất rất) quan trọng?Có rất nhiều, rất nhiều lý do tại sao bạn sẽ (và nên) sử dụng hình ảnh trong bài viết và bài viết của mình
Do đó, điều quan trọng nhất là Tài sử dụng đúng hình ảnh trong các bài thuyết trình của mình (bài đăng trên blog, báo cáo không chính thức, trình bày PowerPoint thực tế, v. v. ) to back the sign in the reader position But wait. Có vấn đềHình ảnh sử dụng khoảng 63% băng thông được sử dụng bởi các trang web hiện đại, do đó, điều quan trọng hơn là chúng phải được tối ưu hóa đúng tốc độ
Tài đã đặt ra rằng mỗi người đều có một khoảng chú ý ngắn (một trong những nhược điểm của tỷ lệ sản xuất nội dung hiện đại). Ngay cả khi bạn sử dụng đúng cấu hình ảnh, nếu chúng không tải xuống trong các khung thời gian chấp nhận được, số tiền thanh toán sẽ bị mất 10 lỗi tối ưu hóa biến hình ảnh phổ biến nhấtPhần lớn các trang web có một vấn đề – họ sử dụng hình ảnh tuyệt vời, nhưng cách phục vụ hình ảnh cho khách truy cập là kém. Kích thước lớn, tối ưu hóa kém, định dạng không chính xác, kích thước (kích thước) lớn không cần thiết, hình ảnh không phản hồi và lỗi SEO bất ngờ, là một số vấn đề phổ biến nhất mà web hiện đại phải . Trong bài viết hôm nay, chúng ta sẽ giải quyết vấn đề này 1. Large sizeHình ảnh có kích thước lớnThis is a classic dictionary. Giả sử bạn cần một bức ảnh 150 × 150 pixel trong nhóm Nhóm của bạn. Thông thường, bạn sẽ sử dụng tiêu đề 5MP, chỉnh sửa một chút và cuối cùng tải lên Bạn đã phát hiện ra vấn đề? . Chủ đề WordPress sẽ tải toàn bộ cấu hình ảnh 5MP (tức là 5 x 10^6 pixel) và yêu cầu trình duyệt thu nhỏ nó về kích thước yêu cầu 150x150px. Về bản chất, trình duyệt chỉ hiển thị 0,0045% ảnh gốc Cuối cùng, bạn sẽ lãng phí cả băng thông của khách hàng và quyền truy cập của khách hàng (ngay cả khi bạn đang phục vụ hình ảnh qua mạng phân phối nội dung như Stackpath CDN ), tiêu tốn nhiều dung lượng đĩa cứng hơn và tăng thời gian . Không có tính năng nào bạn muốn trong trang web của mình Luôn thay đổi kích thước (và bằng cách thay đổi kích thước, ý Tài là giảm kích thước) cấu hình ảnh theo kích thước yêu cầu và sau đó tải nó lên Bạn không cần phần mềm ưa thích để làm điều này – có những công cụ trực tuyến miễn phí như ImageResize. org bạn có thể sử dụng để nhanh chóng thay đổi kích thước và tối ưu hóa hình ảnh của mình. Chỉ cần tải lên và chỉnh sửa cài đặt ảnh của bạn. Khi bạn hoàn tất tải xuống hình ảnh tối ưu của bạn để sử dụng trên trang web của bạn. Họ cũng cung cấp Trình nén ảnh nhanh nếu bạn chỉ muốn cắt giảm kích thước tệp. Vdu. https. // bộ chỉnh sửa hình ảnh. com/nén-hình ảnh Công cụ hữu ích khác
2. Định dạng hình ảnh không chính xácCác định dạng được sử dụng cho hình ảnh đóng một vai trò quan trọng. Theo nguyên tắc chung, sử dụng PNG cho đồ họa vector và hình ảnh do máy tính tạo ra như clip art, v. v … Sử dụng JPEG cho ảnh hoặc hình ảnh với nhiều màu sắc 3. Un used JPEG formatBaseline JPEG và Progressive JPEGsBình thường, JPEG có hai loại – Baseline và Progressive. Trực quan, cả hai đều giống nhau. Sự khác biệt nằm ở cách chúng tôi tải xuống
4. Không sử dụng Lazy LoadLazy-Loading là một kỹ thuật tiết kiệm nhiên liệu tài nguyên tuyệt vời , trong đó hình ảnh chỉ được tải xuống khi khách truy cập cuộn xuống khung nhìn của hình ảnh Hãy xem xét một bài viết – 15 trong số những chiếc xe tiết kiệm nhiên liệu nhất trong năm 2014. Đương nhiên, bài viết này sẽ chứa ít nhất 15 hình ảnh Và bất kể chiều cao của thiết bị hiển thị – màn hình, máy tính bảng hoặc điện thoại thông minh, bạn không thể vừa tất cả 15 hình ảnh trong khung nhìn. Bạn phải cuộn xuống để xem tất cả các hình ảnh Khi bật Tải nhanh, hình ảnh sẽ chỉ được tải xuống khi khách truy cập ở vùng lân cận của hình ảnh Nói cách khác, hình ảnh bắt đầu tải xuống chỉ khi bạn cuộn xuống để xem nó. Tuy nhiên, một vài hình ảnh đầu tiên được tải ngay lập tức vì bạn đã ở trong khung nhìn Lazy Loading tiết kiệm băng thông ở cả hai đầu và cải thiện thời gian tải. Bạn có thể sử dụng Lazy Loading trong WordPress với Plugin Lazyload 5. Không sử dụng CDNSử dụng Mạng phân phối nội dung (CDN) sẽ phân phát hình ảnh từ máy chủ gần nhất với vị trí của khách truy cập Nếu khách truy cập từ Ấn Độ yêu cầu hình ảnh và CDN có POP (điểm hiện hoặc đơn giản là máy chủ) ở Tokyo và New York, hình ảnh sẽ được phục vụ từ máy chủ đặt tại Tokyo Khi bạn có lưu lượng đáng kể, bạn nên thiết lập CDN với WordPress để giảm thời gian tải và đạt được hiệu suất tổng thể Ở đây, Tai đã khuyến khích sử dụng Cloudflare. Đối với các trang web mới ra đời, Tài sẽ đưa ra một danh sách các dịch vụ CDN miễn phí mà bạn có thể thử https. //tiếp thị so sánh. com/blog/tên-miền-hosting/cdn-mien-phi/ 6. Not khai báo thuộc tính 'alt'Thuộc tính 'alt' mô tả hình ảnh cho công cụ tìm kiếm. Văn bản bạn nhập trong trường này sẽ được hiển thị cho người dùng trong trường hợp hình ảnh không thể tải xuống. Rất nhiều người có xu hướng để trống các lĩnh vực này. Điều này rất bất lợi cho SEO hình ảnh và bạn mất lưu lượng truy cập. Bạn phải luôn cố gắng đưa từ khóa của trang web vào thẻ alt của hình ảnh 7. Không tối ưu hóa cấu hình ảnhHình ảnh được tối ưu hóa nhẹ hơn 40% so với hình ảnh bình thường. Điều này cải thiện thời gian tải và băng thông tin cậy Từ danh sách các Plugin tối ưu hóa hình ảnh WordPress tốt nhất của Tài , Tài sẽ đề xuất Shortpixel để tối ưu hóa hình ảnh của bạn. Kraken. io cũng là một tùy chọn trực tuyến tuyệt vời để nén hình ảnh trong nháy mắt 8. Hình ảnh phản hồiNgay cả khi trang web của bạn bị phản hồi, điều đó không có nghĩa là hình ảnh của bạn. Điều đó có nghĩa là tiêu đề ảnh bạn sử dụng cho màn hình máy tính để bàn 22 cũng được cung cấp cho iPhone 5. Khi bạn tải lên một hình ảnh, WordPress đã thay đổi kích thước của nó thành nhiều phiên bản – Hình thu nhỏ, Trung bình, Kích thước đầy đủ, v. v. Điều này có thể được nhà phát triển thay đổi. Một chủ đề được mã hóa tốt sẽ phục vụ phiên bản hình ảnh có kích thước trung bình của tầm trung, do đó tiết kiệm băng thông 9. Chú thích ảnhChú thích không phải lúc nào cũng cần thiết, mặc dù trong một số trường hợp, điều đó là bắt buộc – chẳng hạn như ảnh chụp màn hình trong hướng dẫn. Hình ảnh chú thích giúp người đọc hiểu chủ đề tốt hơn, đồng thời thúc đẩy SEO của bạn 10. Tên tệp hình ảnhHãy suy nghĩ về tên tệp theo quan điểm của công cụ tìm kiếm. Sử dụng cùng một văn bản như bạn sẽ làm trong thẻ 'tiêu đề' của hình ảnh. Ngoài ra, hãy cố gắng bao gồm các từ khóa phù hợp nhất với trang web của bạn 8 Plugin tối ưu hóa hình ảnh trong WordpressRất có thể, với WordPress, bạn không cần phải thực hiện tất cả các định dạng hoặc nén bằng tay Bạn có thể sử dụng plugin để thực hiện ít nhất một số công việc cho bạn một cách tự động. Có một số plugin sẽ tự động tối ưu hóa các tệp hình ảnh của bạn khi bạn tải chúng lên Họ thậm chí còn tối ưu hóa cấu hình ảnh mà bạn đã tải lên. Đây là một tính năng tiện ích – đặc biệt nếu bạn đã có một trang web chứa đầy đủ hình ảnh. Dưới đây, hãy xem một số plugin tốt nhất để định dạng hình ảnh của bạn để có hiệu quả tốt hơn Điều quan trọng là mặc dù bạn không chỉ dựa vào plugin Ví dụ. bạn không nên tải lên hình ảnh 2 MB lên thư viện phương tiện WordPress của mình Điều này có thể dẫn đến việc tiêu tốn hết dung lượng lưu trữ web của bạn rất nhanh Phương pháp tốt nhất là nhanh chóng thay đổi kích thước hình ảnh trong một công cụ chỉnh sửa ảnh, sau đó tải nó lên và sử dụng một trong các plugin sau để giảm thêm Trình tối ưu hóa hình ảnh ShortPixelTrình tối ưu hóa hình ảnh ShortPixelHình ảnh ShortPixel Tối ưu hóa là một plugin miễn phí sẽ nén 100 hình ảnh mỗi tháng và sẽ nén nhiều loại tệp bao gồm PNG, JPG, GIF, WebP và thậm chí cả các tệp PDF. Nó sẽ thực hiện cả nén và mất hình ảnh Nó đưa hình ảnh và hình thu nhỏ của bạn vào đám mây đám mây để xử lý và sau đó đưa chúng trở lại trang web của bạn để thay thế bản gốc Nó tạo ra một bản sao lưu của các tập tin gốc để bạn có thể khôi phục chúng theo cách thủ công nếu bạn muốn Nó sẽ chuyển thư viện tập tin với số lượng lớn. No limit about file size Kính Cận Tối Ưu Hình Ảnh Trên Shortpixel Miễn Phí – Mở tài khoản và tối đa 100 ảnh miễn phí mỗi tháng – Mở tài khoản tại đây https. //pixel ngắn. com Imagify Trình tối ưu hóa hình ảnhImagify Trình tối ưu hóa hình ảnhImagify được tạo bởi cùng một nhóm đã phát triển WP Rocket, mà hầu hết các bạn lẽ ra đã thuộc về. Đó là WooC Commerce, NextGen Gallery và WP Retina tương thích Nó có một tính năng tối ưu hóa hàng loạt và bạn có thể chọn giữa ba cấp độ nén khác nhau, bình thường, tích cực và cực kỳ Nó có một tính năng khôi phục, vì vậy nếu bạn không hài lòng với chất lượng, bạn có thể khôi phục và nén lại chỉ bằng một cú nhấp chuột ở mức phù hợp hơn với nhu cầu của bạn Có một phiên bản miễn phí và cao cấp. Bạn đã giới hạn ở giới hạn ngoài 25 MB hình ảnh mỗi tháng với tài khoản miễn phí Loại bỏ hình ảnh gốc và thay đổi kích thước hình ảnh lớn hơn của bạn cũng có thể được thực hiện với plugin này Tưởng tượng cũng nén hình ảnh trên máy chủ của bên thứ ba của họ, không phải của bạn, điều này rất quan trọng khi nói đến hiệu suất. Hãy tưởng tượng nên làm chậm trang web WordPress của bạn tối ưutối ưuOptimole là một plugin WordPress tối ưu hóa cấu hình ảnh tự động giảm kích thước hình ảnh của bạn mà không cần bất kỳ công việc nào cần thiết cho bạn Nó có một lợi thế lớn khi nói đến tốc độ tải trang web của bạn vì nó hoàn toàn dựa trên đám mây và không bao giờ phục vụ hình ảnh lớn hơn mức cần thiết, hay còn gọi là hiển thị kích thước hình ảnh hoàn hảo Hơn nữa, nếu plugin cung cấp khả năng tải hình ảnh chậm và thay thế hiệu quả hình ảnh – nó hạ thấp chất lượng hình ảnh khách truy cập có kết nối internet chậm hơn – khiến nó nổi bật giữa đám đông Nó cũng tự động phát hiện trình duyệt của người dùng và dịch vụ WebP nếu nó hỗ trợ Tất cả các hình ảnh mà Optimole nén được cung cấp thông qua CDN nhanh. Bạn có thể dùng thử Optimole miễn phí hoặc nâng cấp lên gói cao cấp nếu bạn cần thêm băng thông và không gian xử lý EWWW Trình tối ưu hóa hình ảnh giúp bạn làm cho hình ảnh của mình nhỏ hơn và trang web của bạn nhanh hơn với ít rắc rối hơn khi bắt đầu Không có giới hạn kích thước và nhiều tính năng hoạt động, bạn có thể sử dụng mặc định hoặc tùy chỉnh hoàn toàn plugin theo ý thích của mình Tất cả người dùng IO EWWW đều có thể sử dụng Trình tối ưu hóa hàng loạt để nén hình ảnh hiện có của họ hoặc sử dụng chế độ danh sách Thư viện phương tiện thuận tiện để chọn và chọn hình ảnh cụ thể để nén Các thư mục bổ sung có thể được quét để đảm bảo mọi hình ảnh trên trang web của bạn đều được tối ưu hóa đúng cách EWWW IOthậm chí cho phép bạn chuyển đổi cấu hình ảnh của mình sang các định dạng thế hệ tiếp theo như WebP hoặc tìm định dạng ảnh tốt nhất cho cấu hình ảnh với các tùy chọn chuyển đổi đa định dạng. Nén hình ảnh bắt đầu chỉ với $0,003 / hình ảnh API nén cao cấp cho phép bạn thực hiện nén ở một mức độ hoàn toàn mới không làm giảm chất lượng, mở khóa nén PDF và bao gồm sao lưu hình ảnh trong 30 ngày thuận tiện. Tính năng ExactDN bắt đầu ở mức 9 đô la / tháng mang lại khả năng nén tự động (không cần nén phía máy chủ), thay đổi kích thước tự động và tất cả các lợi ích của CDN để có kết quả nhanh hơn và hiệu quả hơn Đăng ký miễn phí tại https. // tối ưu. com Trình tối ưu hóa hình ảnh OptimusTrình tối ưu hóa hình ảnh OptimusTrình tối ưu hóa hình ảnh WordPress Optimus sử dụng nén không làm mất dữ liệu để tối ưu hóa hình ảnh của bạn. Lossless có nghĩa là bạn đã thắng Nó hỗ trợ WooC Commerce và nhiều trang web và có một tính năng tối ưu hóa hàng loạt đẹp cho những người có thư viện phương tiện lớn hiện có. Nó cũng tương thích với plugin WP Retina WordPress Có một phiên bản miễn phí và cao cấp. Trong phiên bản cao cấp, bạn trả tiền mỗi năm một lần và bạn có thể nén một lượng hình ảnh không giới hạn Nếu bạn kết hợp nó với plugin Cache Enabler của họ, bạn cũng có thể truy cập sâu vào WebP hình ảnh, đây là định dạng hình ảnh nhẹ mới từ Google WP SmushWP Smush có cả phiên bản miễn phí và cao cấp. Nó sẽ giảm thông tin ẩn khỏi hình ảnh để giảm kích thước mà không làm giảm chất lượng Nó sẽ quét hình ảnh và giảm chúng khi bạn tải chúng lên trang web của bạn. Nó cũng sẽ quét các hình ảnh mà bạn đã tải lên và giảm các hình ảnh đó Nó sẽ làm cho hàng loạt lên đến 50 tệp cùng một lúc. Bạn cũng có thể tự làm mê hoặc nếu muốn. Nó sẽ bao gồm các loại hình ảnh JPEG, GIF và PNG. Kích thước tệp được giới hạn ở 1MB
TinyPNG (cũng là JPG được nén)TinyPNG (cũng là JPG được nén)TinyPNG sử dụng dịch vụ TinyJPG và TinyPNG (tài khoản miễn phí cho phép bạn nén khoảng 100 hình ảnh mỗi tháng) để tối ưu hóa hình ảnh JPG và PNG của bạn. Nó sẽ tự động nén hình ảnh mới và nén số lượng lớn hình ảnh hiện có của bạn. Nó sẽ chuyển đổi CMYK sang RGB để tiết kiệm thời gian Nó sẽ nén hình ảnh JPEG lên đến 60% và hình ảnh PNG lên đến 80% mà không làm giảm chất lượng hình ảnh. Nó không có giới hạn kích thước tập tin Hình ẢnhTái ChếHình ẢnhTái ChếPlugin ImageRecyle là tối ưu hóa cấu hình ảnh và PDF tự động. Plugin này tập trung vào không chỉ nén hình ảnh mà cả PDF. Một tính năng thực sự của tiện ích là khả năng đặt kích thước tệp tối thiểu để nén Ví dụ. if you have a image has size 80 KB, you could self-ac loại trừ chúng khỏi quá trình nén. Điều này đảm bảo hình ảnh và tập tin không bao giờ bị nén quá nhiều. Nó cũng bao gồm tối ưu hóa hàng loạt và thay đổi kích thước hình ảnh tự động Lưu ý. Họ có bản dùng thử 15 ngày miễn phí, nhưng đây là dịch vụ cao cấp và hình ảnh được tải lên và nén bằng máy chủ của họ. Họ không tính phí mỗi tháng, nhưng thay vào đó là tổng số hình ảnh được nén, bắt đầu từ $ 10 cho 10. 000 Phần kết luậnSEO hình ảnh là cực kỳ quan trọng đối với bất kỳ trang web nào – cũ hay mới. Những người thực hiện SEO hình ảnh đúng cách (đôi khi có thể khá trần tục), sẽ nhận được một lượng lưu lượng truy cập không phải trả tiền (loại lưu lượng tốt nhất) trong thời gian dài Bạn có cách nào khác để tối ưu hóa cấu hình ảnh trên Wordpress không? |