trang chủ-Chương trình-Tối ưu hóa hình ảnh trong WordPress. Cách tối ưu hóa hình ảnh cho SEO

Tối ưu hóa hình ảnh trong WordPress. Cách tối ưu hóa hình ảnh cho SEO

Nền tảng WordPress ban đầu được sử dụng để tạo blog. Với sự gia tăng số lượng mẫu có sẵn và mở rộng chức năng, nó bắt đầu được sử dụng cho các cửa hàng trực tuyến và hệ thống công ty.

Tuy nhiên, các trang WordPress thường tải chậm do hình ảnh không được tối ưu hóa (png, jpg, jpeg). Module OpticPic sẽ giúp cải thiện tình trạng này trong WordPress.

Bạn có thể kết nối plugin nén ảnh trong Wordpress mà không cần Kiến thức đặc biệt. Mọi thao tác đều khá đơn giản để bất kỳ người dùng nào cũng có thể lặp lại chúng.

Sau khi cài đặt module trong WordPress, hình ảnh sẽ được thu nhỏ lại chế độ tự động. Mô-đun sẽ tìm các hình ảnh có sẵn và tối ưu hóa kích thước của chúng mà không làm giảm chất lượng. Plugin nén hình ảnh WordPress hoạt động với hầu hết các định dạng hình ảnh phổ biến.

Chúng ta hãy nhớ lại rằng trong Đề xuất của Google PageSpeed ​​Insights nói về sự cần thiết phải giảm kích thước hình ảnh. Điều này sẽ có tác động tích cực đến vị trí trong kết quả tìm kiếm. Mô-đun nén ảnh trong WordPress sẽ giúp bạn khuyến mãi công cụ tìm kiếm mà không cần nỗ lực thêm.

Tự động giảm hình ảnh trong WordPress thật dễ dàng - hãy sử dụng dịch vụ OpticPic và quên đi việc tối ưu hóa hình ảnh theo cách thủ công.

Tối ưu hóa hình ảnh WordPress theo số lượng

Plugin tối ưu hóa hình ảnh WordPress OptiPic giảm kích thước hình ảnh trung bình 70%. Do đó, tốc độ tải trang có thể tăng lên tới 1,5–2 lần. Giá trị cao nhất để tối ưu hóa hình ảnh trong WordPress đạt 90%. Điều này cho phép bạn giải phóng thêm không gian trên đĩa máy chủ và tiết kiệm tiền mua hạn ngạch đĩa.

Tối ưu hóa hình ảnh trong Wordpress (trình tối ưu hóa hình ảnh wp) hoạt động mọi lúc trang web hoạt động do tối ưu hóa tự độngđã thêm hình ảnh. Quá trình thiết lập OptiPic chỉ mất 2 phút, sau đó sẽ không cần bất kỳ sự can thiệp nào.

Không có giới hạn nào trong việc tối ưu hóa hình ảnh cho WordPress. OptiPic hoạt động tốt với số lượng lớn hình ảnh và có khả năng xử lý hàng gigabyte tệp với mức tải tối thiểu trên dịch vụ.

Nén hình ảnh là gì

Tối ưu hóa hình ảnh là quá trình xử lý đặc biệt của tệp đồ họa nhằm giảm thiểu kích thước của nó mà không làm giảm chất lượng hình ảnh.

Để thực hiện thủ tục này có một số lượng lớn thuật toán khá phức tạp. Tuy nhiên, tất cả chúng đều dựa trên cùng một cơ sở - từ tệp đồ họa, bạn cần xóa tất cả dữ liệu dịch vụ có trong đó (ví dụ: tên chương trình lưu trữ tập tin này v.v.), và ngoài ra, với sự trợ giúp chương trình đặc biệt kết nối/làm mịn các màu tương tự.

Kết quả là, chúng ta có được hình ảnh tương tự, không thay đổi về mặt trực quan theo bất kỳ cách nào. Tuy nhiên, dung lượng (trọng lượng) của tệp này tính bằng byte sẽ nhỏ hơn nhiều so với bản gốc. Nếu bạn thực hiện quá trình xử lý nàyĐúng vậy, file ảnh có thể giảm dung lượng tới 98% mà không làm giảm chất lượng hình ảnh.

Điều này có nghĩa là hình ảnh trên các trang của trang web sẽ tải nhanh hơn gấp nhiều lần sau khi được tối ưu hóa.

Tối ưu hóa hình ảnh có ý nghĩa gì đối với trang web của bạn?

  • Tiết kiệm dung lượng ổ đĩa.
  • Tăng tốc độ tải trang.
  • Tăng chuyển đổi.
  • Xếp hạng trang web tốt hơn trong kết quả tìm kiếm.

Nó đã được chứng minh rằng khả năng tăng tốc trang web có thể cải thiện yếu tố hành vi, cũng như tăng chuyển đổi website (tăng doanh thu). Thời gian tải trang của trang càng lâu thì càng ít người mua có thể thực hiện các hành động được nhắm mục tiêu nhất định ở đó. Nếu trang web của bạn không đủ nhanh, bạn có mọi cơ hội để bỏ lỡ thu nhập tiềm năng của mình. Việc tăng tốc hoạt động của một tài nguyên Internet sẽ giúp cải thiện khả năng chuyển đổi và từ đó tăng đáng kể doanh thu và thu hút nhiều khách hàng hơn.

Ưu điểm của dịch vụ OptiPic

  • Không có khoản thanh toán hàng tháng.
  • Tự động hóa hoàn toàn.
  • Cung cấp trợ giúp miễn phí khi được kết nối.
  • Địa chỉ Internet (URL) hình ảnh nén không thay đổi, chúng sẽ tiếp tục được lưu trữ trên trang web của bạn.
  • Để kết nối và sử dụng dịch vụ, bạn không cần phải có kỹ năng lập trình hoặc quản trị đặc biệt.
  • Không có hạn chế về kích thước hình ảnh trong hệ thống.
  • Hỗ trợ kỹ thuật bằng tiếng Nga.

Tối ưu hóa hình ảnh có thể tăng tốc trang web của bạn như thế nào?

Một trang của bất kỳ trang web nào thường bao gồm:

  • hình ảnh;
  • mã html (nội dung văn bản, bố cục, đánh dấu);
  • băng hình;
  • các tập lệnh javascript có logic được thực thi từ phía trình duyệt;
  • tập tin css với kiểu trang.

Một mục như hình ảnh chiếm các trang của trang web hầu hết trong toàn bộ tập sách và là phần “nặng nhất” của các trang. Việc giảm (tối ưu hóa) hình ảnh chắc chắn sẽ giúp việc tải bất kỳ tài nguyên Internet nào nhanh hơn đáng kể.

Theo đó, nếu bạn thay đổi (ở mức độ thấp hơn) khối lượng hình ảnh, tất cả các trang của trang web sẽ bắt đầu tải nhanh hơn nhiều.

Nén hình ảnh trên một trang web sẽ giúp giảm âm lượng của chúng xuống 75-98% mà không làm giảm chất lượng hình ảnh.

Làm cách nào để kết nối OptiPic với WordPress để nén hình ảnh?

Đăng ký và thêm trang web của bạn vào tài khoản cá nhân của bạn

Sau khi đăng ký bạn sẽ nhận được email một lá thư sẽ đến với một liên kết để kích hoạt tài khoản của bạn. Theo liên kết đó. Tiếp theo trên trang web của chúng tôi, hãy truy cập Khu vực cá nhân Hồ sơ > Trang web của tôi, nhấp vào nút Thêm trang web, nhập URL trang web của bạn và nhấp vào nút Kết nối trang web.

Tải xuống và cài đặt mô-đun trên trang web của bạn

Sau khi thêm trang web vào hệ thống, hãy chuyển đến tab Tải xuống mô-đun.

Ở đó bạn cần tải xuống kho lưu trữ với mô-đun. Giải nén kho lưu trữ này và tải nó lên trang web của bạn (ở dạng thư mục gốcđịa điểm). Do đó, trang web của bạn phải có một thư mục trang web trong thư mục gốc của trang web với cấu trúc sau:

  • trang mạng
    • config.php
    • trợ giúp.php
    • chỉ mục.php

Và sau đó, trang sau sẽ có sẵn trên trang web: http://your-domain..php.

Chọn gói cước và nạp tiền vào tài khoản của bạn

Sau khi tải mô-đun lên trang web của mình, bạn sẽ cần kích hoạt tính năng lập chỉ mục trang web trong cài đặt trang web và đợi hệ thống OptiPic lập chỉ mục trang web đầu tiên - quá trình này diễn ra trong vòng 24 giờ. Nếu bạn muốn tăng tốc quá trình, hãy gửi trang web của bạn theo cách thủ công để lập chỉ mục.

Sau khi hoàn thành việc lập chỉ mục đầu tiên, hệ thống sẽ hiển thị có bao nhiêu hình ảnh (bao nhiêu gigabyte?) được tìm thấy trên trang web của bạn. Điều này có thể được thực hiện trên tab Chỉ số nén và Thống kê.

Bây giờ bạn đã biết số lượng hình ảnh trên trang web của mình, hãy mua gói bạn cần và bật tính năng nén trong cài đặt trang web.

Xin chào! Vấn đề không còn là những gì cần được tối ưu hóa trên một trang web để đạt được “tình yêu với công cụ tìm kiếm” và những gì có thể làm tốt. Thực tế là mọi thứ cần phải được tối ưu hóa (). Hơn nữa, thứ này bám vào thứ khác và tất cả hàng trăm quy tắc lập chỉ mục và xếp hạng hoạt động trong thuật toán tìm kiếm, từ lâu đã quyện vào nhau thành một khối duy nhất. Ví dụ: ảnh trên trang web phải được tối ưu hóa.

Ba phần của tối ưu hóa hình ảnh WordPress

Nếu bạn xem phần mở rộng trên Internet, điều này có thể được thực hiện bằng bất kỳ phần mềm đặc biệt nào máy chủ trực tuyến, chúng ta sẽ thấy rằng phần lớn thời gian tải bị chiếm bởi những bức ảnh không được tối ưu hóa.

Ngoài ảnh hưởng đến tốc độ tải, hiện được các công cụ tìm kiếm theo dõi rất cẩn thận, bạn có thể thêm từ khóa, sẽ được các công cụ tìm kiếm đọc và ảnh hưởng đến vị trí của bài viết theo yêu cầu. Hãy chia tối ưu hóa ảnh WordPress thành ba phần:

  • Tối ưu hóa trước khi thêm ảnh vào trang web;
  • Tối ưu hóa khi thêm ảnh vào bài viết;
  • Tối ưu hóa hàng loạt ảnh trên trang web mà không cần tải lên.

Tối ưu hình ảnh WordPress (SEO) khi chèn vào bài viết, neo hình ảnh

Khi thêm hình ảnh vào bất kỳ trang web nào, bạn có thể đặt: neo ảnh (neo liên kết ảnh), mô tả, tiêu đề và kích thước của nó. Anchor có tầm quan trọng đặc biệt đối với các công cụ tìm kiếm. Neo ảnh được chỉ định bởi thuộc tính alt.

Đầy Cấu trúc HTML thêm ảnh vào wordpress trông như thế này.

Ảnh không có chú thích:

Kèm chú thích ảnh:

Chú thích ảnh

Trong WordPress, tất cả các thuộc tính ảnh, bao gồm cả neo, được đặt ở chế độ trực quan:

Các thuộc tính được thêm ở chế độ “ ” hoặc ở chế độ “Chỉnh sửa ảnh”.

Quy tắc cho ảnh neo

  • Thuộc tính alt (neo) cho hình ảnh phải là duy nhất.
  • Trong một bài viết, một neo ảnh (thuộc tính alt) nên bao gồm một khóa trực tiếp ( cụm từ khoá) bài viết.
  • Nếu bạn muốn tạo neo tự động, hãy đi tới Majento.ru(Majento được lấy làm ví dụ và không khẳng định là duy nhất) vào trình tạo neo.

Kết luận 1

TRONG hệ thống WordPress Vấn đề tối ưu hóa mã hình ảnh đã được giải quyết hoàn toàn. Nếu muốn, bạn có thể điền trực quan tất cả các thuộc tính hình ảnh cần thiết quan trọng cho việc tối ưu hóa nó và chính hệ thống sẽ đặt kích thước ảnh trong thẻ:

Tối ưu hóa hình ảnh trước khi thêm vào trang web

Việc tối ưu hóa hình ảnh nên bắt đầu trước khi chúng được thêm vào trang web. Và điều chính là giảm kích thước ảnh mà không làm giảm chất lượng.

Các chương trình giảm kích thước tệp hình ảnh sẽ giải quyết vấn đề này. Dưới đây là một số quy tắc:

  • Những bức ảnh nhẹ nhất trong phần mở rộng jpeg.
  • Định dạng png và ảnh chụp màn hình trong pnp là nặng nhất.

Vì công việc lâu dài Với những bức ảnh, bạn cần thử một số chương trình và chọn một vài trong số chúng để làm việc lâu dài. tôi sử dụng các chương trình sau về chỉnh sửa và nén ảnh:


tối ưu hóa hình ảnh chương trình WordPress Microsoft Office 2010
Tối ưu hóa hình ảnh WordPress với FastStone
  • Chương trình (https://saerasoft.com/caesium/). Cái này chương trình miễn phí, với khả năng nén ảnh jpeg đơn hoặc nhóm tuyệt vời.

Tối ưu hóa hình ảnh WordPress với Caesium
  • Tôi giới thiệu chương trình (sourceforge.net/projects/nikkhokkho/files/latest/download). không giống như Ceasium, chương trình này dựa trên Windows sẽ nén bất kỳ định dạng hình ảnh.

Kết luận 2

Bạn cần nén ảnh trước khi thêm chúng vào trang WordPress của mình.

Tối ưu hóa hình ảnh hàng loạt cho WordPress

Với WordPress, bạn có thể tối ưu hóa toàn bộ thư viện phương tiện WordPress của mình mà không cần tải ảnh lên.

Để tối ưu hóa ảnh đã được đặt trong thư viện phương tiện WordPress Chúng tôi sử dụng plugin: EWWW Image Optimizer(đã thử nghiệm trên phiên bản 4.4.2.). Plugin rất đơn giản nhưng plugin hoạt động được cập nhật định kỳ. Plugin đám mây (2) cho phép bạn tối ưu hóa ảnh bằng cách sử dụng công nghệ đám mây và nén ảnh mà không thay đổi định dạng. Plugin này được trả phí, 0,005 USD cho mỗi ảnh lên tới 1000 ảnh.

Cài đặt plugin theo tiêu chuẩn, bạn có thể từ Bảng WordPress trên tab Plugin→Thêm mới→Tìm kiếm theo tên.

Sau khi kích hoạt plugin, nó đã sẵn sàng hoạt động, nhưng bạn có thể xem qua các cài đặt (Cài đặt → Trình tối ưu hóa hình ảnh EWWW). Cài đặt bằng tiếng Nga, các cài đặt nguy hiểm được đánh dấu bằng từ “Chú ý!” Nhân tiện, có chức năng định dạng lại ảnh từ png và gif sang jpeg. Sau khi cài đặt, hãy mở trang plugin và bắt đầu quá trình tối ưu hóa.

Sau một thời gian, chúng tôi xem xét kết quả nén ảnh. Tôi lưu ý rằng tôi luôn nén ảnh trước trang web, nhưng plugin EWWW Image Optimizer quản lý để “ép” từ 5% đến 20% cho mỗi bức ảnh.

Kết luận 3

WordPress, với sự trợ giúp của một plugin (plugin) bổ sung, cho phép bạn tối ưu hóa ảnh của toàn bộ thư viện phương tiện của trang web bất cứ lúc nào.

Như bạn có thể thấy, việc tối ưu hóa hình ảnh WordPress không khó. Không cần phải bỏ qua nó, vì hình ảnh là nguyên nhân chính khiến trang web chạy chậm. Ngoài ra, còn có một số mẹo nữa khi sử dụng ảnh trên trang WordPress.

  • Hãy thử chọn định dạng vector hình ảnh. Chất lượng của chúng không phụ thuộc vào độ phân giải hoặc kích thước, đó là lý do tại sao chúng trông đẹp mắt trên màn hình lớn và các thiết bị khác nhau.
  • Đối với tài nguyên SVG: nén chúng, xóa đánh dấu XML, kiểm tra cài đặt nén GZIP cho các tệp SVG.
  • Đối với ảnh raster: chọn tỷ lệ và định dạng cho ảnh raster, tránh GIF, nén ảnh trước khi thêm vào trang web (), đừng ngại giảm chất lượng ảnh, giảm màu bất cứ khi nào có thể (tối ưu 256 màu), xóa siêu dữ liệu không cần thiết (

Các đồng nghiệp thân mến! Trong bài viết này trên trang web, bạn sẽ khám phá ra khá hữu ích plugin tối ưu hóa hình ảnh trên WP, điều này tạo điều kiện thuận lợi rất nhiều cho công việc tối ưu hóa nội bộ trang web trong phần này.

Tôi sẽ bắt đầu từ xa. Một ngày nọ, tôi đang tiến hành phân tích một trang web của khách hàng. Và hóa ra, tất cả các hình ảnh trong dự án này đều không được tối ưu hóa chút nào hoặc không đầy đủ, điều này đã được công cụ xác nhận.

Có vẻ như nó mở tập tin đồ họa trong Photoshop, nhấp vào " Tài liệu "→"Lưu cho Web“và tất cả đều có trong túi. Tuy nhiên, rất nhiều hình ảnh đã được tích lũy trên trang web này. Đây là nơi đặt ra câu hỏi: “Có thể tối ưu hóa tất cả các bức ảnh cùng một lúc bằng cách sử dụng một số loại hình ảnh hay không. Plugin WordPress Ví dụ?".

Tiện ích mở rộng WP Smush xuất hiện vào đúng thời điểm. Điều đáng chú ý là nó xử lý tất cả hình ảnh của thư viện tệp phương tiện (hình ảnh mẫu (đầu trang, chân trang, nền, v.v. được tối ưu hóa riêng) một cách tối ưu và hoàn toàn tự động. Tôi rất hài lòng.

Và trong Photoshop, hầu như không thể bắt được lợi thế này, khi việc tối ưu hóa hơn nữa sẽ phải trả giá bằng việc giảm chất lượng.

Cài đặt và sử dụng Plugin WP Smush để tối ưu hóa hình ảnh trên WordPress

  • - Tải xuống tiện ích mở rộng từ kho lưu trữ WP chính thức tại https://wordpress.org/plugins/wp-smushit/ ;
  • - Cài đặt và kích hoạt nó.
  1. Trên thực đơn " Tệp phương tiện" sẽ xuất hiện vật phẩm mới " ", nhấn vào nó.

Tại đây, bạn sẽ ngay lập tức được đề nghị “nâng cấp” phiên bản lên phiên bản chuyên nghiệp, tất nhiên là không miễn phí. Sau này, các tính năng mới sẽ được thêm vào WP Smush Pro:

  • - “nén thông minh”, ảnh sẽ giảm trọng lượng gấp 2 lần mà không giảm chất lượng (thậm chí rất thú vị nhưng khó tin, ngay cả Photoshop cũng không làm được);
  • - khả năng sao lưu, trả lại hình ảnh gốc từ (bản thân chúng tôi có ria mép, chúng tôi biết cách tạo một bản sao lưu);
  • - xử lý các tệp lớn hơn 1 MB (ít người phải tải ảnh có kích thước này lên trang web?);
  • - không có hạn chế nào về tốc độ xử lý (tốt hơn là nên đi chậm hơn, chúng tôi không có nơi nào để vội vàng, trang web sẽ ít tải hơn);
  • - có dịch vụ hỗ trợ (tại sao lại cần nó?);
  • - quyền truy cập vào các plugin và chủ đề cao cấp khác (à, đã có rất nhiều nội dung này rồi).

Tôi không đưa tiền cho giai cấp tư sản. Nếu ai đã dùng thử phiên bản pro, vui lòng để lại phản hồi của bạn trong phần bình luận.

  1. Nếu bạn chọn hộp " Tự động làm mờ hình ảnh khi tải lên", sau đó plugin sẽ tự động tối ưu hóa tất cả hình ảnh mới được tải lên trang web. Tùy chọn nén và sao lưu thông minh trong phiên bản miễn phí không hoạt động.
  2. Bằng cách nhấn nút " Số lượng lớn Smush 50 tệp đính kèm", bạn sẽ bắt đầu quá trình tối ưu hóa tất cả các hình ảnh đã tải lên trang web trước đó, mỗi lần 50 hình ảnh. Khi bạn xử lý xong một phần trong số 50 hình ảnh, hãy nhấp lại vào nút.
  3. Khi kết thúc quá trình, nút sẽ chuyển sang màu xanh " Tất cả đã được làm xong". Bấm vào đó để hoàn thành.
  4. Bạn có thể giảm cân hình ảnh cá nhân, tùy chọn. Để thực hiện việc này, hãy truy cập thư viện phương tiện bằng liên kết " Thư viện phương tiện"hoặc theo liên kết" Thư viện" trong bảng quản trị.

Bằng cách nhấn nút " Đập ngay!", đối diện với hình ảnh, bạn tối ưu hóa nó.

Plugin tối ưu hóa hình ảnh trên WordPress cập nhật: ngày 14 tháng 3 năm 2017 bởi: La Mã Vakhovsky

Xin chào những người đăng ký vào trang blog của tôi! Khi bạn bắt đầu nghiên cứu nguồn lực cá nhân và sự phát triển của nó, bạn đang tìm kiếm những cách tốt nhất không chỉ quảng bá mà còn là cách trình bày thông tin tới độc giả và tôi hiểu bạn về điều này. Theo nghĩa đen, mọi thứ đều ảnh hưởng đến sự thành công của một trang web: từ thiết kế đến nội dung. Hôm nay tôi sẽ kể cho bạn nghe về một plugin tối ưu hóa không thể thiếu hình ảnh wordpressđiều mà nhiều người thành công mắc nợ. Tôi sẽ cung cấp cho bạn một số loại plugin và sự lựa chọn là của bạn. Vì vậy, tôi đi đây!

Tại sao sự bổ sung như vậy là cần thiết?

Tất cả các quản trị viên web đều biết rằng mọi plugin và bất kỳ tiện ích bổ sung nào được cài đặt đều bổ sung thêm tải cho trang web. Nếu bạn đi quá xa với sự hiện diện của các thành phần được tải xuống, trang web có thể mất nhiều thời gian để tải hoặc thậm chí bị đóng băng.

Nhưng tôi chỉ khuyên bạn plugin cần thiết, nếu không có nó thì không blog nào có thể hoạt động bình thường và plugin tối ưu hóa hình ảnh còn có thêm một lợi thế đáng kể - tải trang nhanh hơn và điều này cho phép bạn cải thiện vị trí trang web của mình trong tìm kiếm.

Bạn có thể thực hiện thủ công...

Một số người có thể cho rằng cần phải cài đặt một plugin như vậy vì bạn cũng có thể tải các hình ảnh đã được tối ưu hóa lên trang web của mình. Vâng tôi đồng ý. Bản thân tôi thường tối ưu hóa hình ảnh theo cách thủ công, nhưng khi bạn chạy nhiều blog và xuất bản 10 bài viết mỗi ngày trên mỗi blog đó, việc tối ưu hóa độc lập thậm chí còn bắt đầu gây khó chịu. Hãy tưởng tượng rằng bạn đã viết một bài báo thú vị, hoặc thậm chí có thể là hai hoặc ba bài, gần như chỉ trong một hơi thở và đang vội xuất bản chúng một cách nhanh chóng. Nhưng sau đó bạn nhớ rằng bạn có 30-50 hình ảnh đang chờ chỉnh sửa...

Những plugin nào là tốt nhất?

Câu hỏi này không đơn giản và có lẽ không thể chỉ ra một plugin. Ở đây mọi người đều tự quyết định. Ngoài ra, số lượng tiện ích bổ sung cho trang web WordPress đang tăng lên mỗi ngày. Nhưng tôi sẽ cố gắng định hướng cho bạn sự đa dạng để bạn có thể tự mình thiết lập lựa chọn tốt nhất cắm vào.

  • Hình ảnh thân thiện với SEO

    thêm tiêu đề và mô tả cho hình ảnh của bạn. Không có thuộc tính " thay thế » « tiêu đề"trong mã chắc chắn không có ở đâu cả. Điều đầu tiên sẽ giúp công cụ tìm kiếm và cái thứ hai sẽ hiển thị tiêu đề khi bạn di chuột qua ảnh.

  • Trình tối ưu hóa hình ảnh EWWW

    Nó nổi bật bởi khả năng chuyển đổi hình ảnh hiệu quả nhất có thể, để tài nguyên của bạn tải nhanh hơn và không bị treo do hình ảnh bạn đã tải lên ngay cả trước khi cài đặt plugin.

  • Trình tối ưu hóa hình ảnh

    Nó không dễ cài đặt và phù hợp hơn với các chuyên gia hơn là người mới bắt đầu, nhưng nó thực hiện công việc tuyệt vời trong việc chuyển đổi hình ảnh trên trang web của bạn.

  • sự điên rồ

    giúp quản trị viên web đặt kích thước mong muốn của ảnh được tải lên, cho phép chỉ định chiều rộng và chiều cao cụ thể. Chuyển đổi và cho phép bạn mở rộng quy mô mà không làm giảm chất lượng.

  • WP Smush.it

    cho phép bạn xử lý hình ảnh để lưu chúng ở các định dạng thuận lợi hơn. Đã khẳng định mình là một trong các plugin tốt nhất và tôi cũng giới thiệu nó cho bạn!

  • Hình ảnh phản hồi Pb

    định dạng hình ảnh, dựa trên các quy tắc của style sheet, bạn cũng có quyền tùy chỉnh kết hợp khác nhau các yêu cầu được sử dụng qua thư.

  • Đổi tên tệp phương tiện

    được tạo không chỉ để tối ưu hóa mà còn để thay đổi tên của hình ảnh. Trong trường hợp này, bạn không phải lo lắng về việc thay đổi liên kết trong bài viết; việc này diễn ra tự động. Khi xử lý ảnh dịch vụ tìm kiếm, tên của họ cũng được phân tích, càng chi tiết thì càng ảnh hưởng tốt đến việc quảng bá SEO của blog nói chung. Đây là nơi thành phần chiến thắng.

  • BJ Lười Tải

    tự động tải ảnh bạn chọn, bao gồm hình thu nhỏ, thay thế nội dung hoặc điền. Cài đặt cho phép bạn tự động thích ứng với các định dạng khác nhau.

Bạn vẫn nên chọn những plugin có khả năng tương thích đã được xác minh với phiên bản WordPress của bạn. Theo kinh nghiệm của tôi, chưa có trường hợp plugin nào không phù hợp với phiên bản và làm hỏng nó. Nếu nó không thích ứng, nó sẽ không hoạt động và bạn có thể dễ dàng loại bỏ nó. Nhưng để đề phòng, luôn có phiên bản cập nhật blog của bạn trên Máy chủ cục bộ và lưu DB(). Hoặc cấu hình lưu trên tài nguyên hỗ trợđể bạn có thể quay lại bất cứ lúc nào hành động mới nhất.

Khi bạn cài đặt các phiên bản plugin được tải xuống từ trang web của bên thứ ba, hãy nhớ rằng chúng có thể chứa vi-rút, hãy cẩn thận. Dù sao đi nữa, nếu bạn không thích nó thành phần được cài đặt và cách thức hoạt động, bạn luôn có thể tắt và xóa nó.

Tôi không khuyên bạn nên thu thập nhiều thành phần cài đặt đã ngừng hoạt động; tốt hơn hết bạn nên loại bỏ chúng hoàn toàn ngay lập tức để không chiếm dung lượng trên .

Tôi hy vọng bạn đã có sự lựa chọn của mình! Nếu bạn chưa đã đăng ký vào blog giáo dục của tôi, hãy sớm cập nhật các bài viết mới! Chia sẻ ý kiến ​​​​và kinh nghiệm của bạn trong các ý kiến.

Hẹn gặp lại!

P/S

Trân trọng, Alexander Sergienko

Trong bài đăng này, chúng tôi sẽ đề cập đến các khía cạnh khác nhau của việc tối ưu hóa hình ảnh trong WordPress thường bị lãng quên hoặc bỏ qua.

Không tải hình ảnh nặng 3 Mb trực tiếp từ máy ảnh của bạn lên trang web

Một trong những vấn đề mà tất cả khách hàng của tôi gặp phải trong vòng ba mươi ngày đầu tiên kể từ khi ra mắt trang WordPress là cách làm việc với hình ảnh. Bất chấp tất cả những điều tuyệt vời mà WordPress mang lại cho người dùng, hình ảnh vẫn tiếp tục là trở ngại đối với hầu hết mọi người. Thông thường, các câu hỏi liên quan đến việc cắt xén hình ảnh, tải chúng từ máy ảnh, thực hiện chỉnh sửa hoặc làm sắc nét màu cơ bản và nhiều vấn đề khác xảy ra trước cả khi vào trang web của bạn. Hiện đại máy ảnh kĩ thuật số chụp những bức ảnh nặng hơn khoảng 20 lần so với những bức ảnh bạn cần cho trang web của mình (trừ khi bạn cần tối ưu hóa cho màn hình retina, nhưng đó là câu chuyện vào lúc khác).

Có một số bước cơ bản bạn cần thực hiện để hình ảnh của bạn sẵn sàng sử dụng trên trang web của bạn. Trong bài viết này, tôi sẽ chỉ cho bạn cách dễ nhất để làm việc với hình ảnh trên tài nguyên web của bạn. Chúng ta cũng sẽ xem xét một số dịch vụ và công cụ mà nhiều nhà phát triển web bỏ qua một cách không công bằng nhưng lại giúp đạt được nhiều thành tựu hơn. tốc độ cao tải trang web.

Vấn đề là gì?

Trước hết, lý do sử dụng tối ưu hóa là nhắm mục tiêu đến khách truy cập của bạn. Không ai thích hình ảnh lớn tải rất chậm. Giảm kích thước hình ảnh sẽ giúp giảm kích thước trang và cũng giảm đáng kể thời gian tải trang, điều này sẽ giúp bạn đạt được tốc độ tải trang nhanh hơn và đương nhiên sẽ tác động đến sự hài lòng của khách truy cập.

Lý do khiến hình ảnh trở thành trở ngại đối với nhiều khách truy cập trang web là vì làm việc với chúng bao trùm một không gian hơi khác bên ngoài WordPress, đòi hỏi kỹ năng và khả năng của riêng bạn. WordPress hoàn toàn không phải là yếu tố hạn chế khi nói đến hình ảnh; Vấn đề nằm ở bản chất của màn hình và máy ảnh, các định dạng tệp và PPI, khiến việc sử dụng hình ảnh trực tuyến trở nên khó khăn.

Đương nhiên, bạn phải hiểu rằng máy ảnh được thiết kế để in, đòi hỏi độ phân giải cao hơn nhiều so với màn hình và màn hình của bạn có thể cung cấp. Điều này có nghĩa là nếu bạn đặt hình ảnh camera của mình trực tiếp lên một trang web, nó sẽ có chiều rộng ít nhất gấp đôi màn hình. Ngay cả khi bạn thay đổi PI thành 72 (độ phân giải của màn hình thông thường), hình ảnh vẫn sẽ quá lớn để vừa với vùng nội dung rộng 800px.

Nếu bạn muốn áp dụng độ trong suốt cho hình ảnh của mình thì bạn nên biết về độ trong suốt alpha và tệp png 24-bit. Chúng ta cũng hãy lưu ý rằng ngay cả một JPG nhỏ có chiều rộng 800 pixel cũng có thể chiếm 1 hoặc 2 Mb nếu nó không được tối ưu hóa đúng cách. Và không chỉ “tối ưu hóa” mà còn tối ưu hóa mà không bị lỗ.

Vì vậy, ngoài các định dạng tệp mới, bạn nên tìm hiểu tất cả về PPI, pixel (đơn vị đo lường tiêu chuẩn được sử dụng trong trình duyệt) và cũng tìm hiểu cách cắt hình ảnh của bạn theo giới hạn mong muốn. Để làm tất cả điều này, bạn sẽ cần các công cụ phù hợp.

Tôi có thực sự nên mua Photoshop không?!

Không, bạn không cần phải làm điều này. Tất nhiên, Photoshop rất tuyệt nhưng nó không dành cho chỉnh sửa đơn giản hình ảnh. Photoshop là thứ tôi sử dụng, giống như bất kỳ nhà thiết kế/nhà phát triển web tử tế nào khác. Tuy nhiên, nếu bạn muốn chỉnh sửa ảnh nâng cao, bạn có thể sử dụng phiên bản cũ CS2, hiện có sẵn miễn phí. Nó chứa đầy những điều tuyệt vời Tính năng của Photoshop, chỉ là nó không có một số tính năng mới hơn thôi. Bạn có thể tải xuống CS2.

Lưu ý nhanh: bạn chỉ có thể tải xuống Photoshop CS2 miễn phí nếu bạn đã đặt mua nó hoặc Acrobat 7 trước đó. Không có gì ngăn cản người dùng tạo tài khoản với Adobe và tải xuống Photoshop, nhưng về mặt kỹ thuật nó không được phân phối miễn phí.

Cài đặt IrfanView

Photoshop là một chương trình thú vị. Phải mất nhiều thời gian để tải và có một quá trình học tập nghiêm túc, gây khó khăn cho việc thực hiện một số điều có vẻ trực quan. Thay vì Photoshop, tôi thích sử dụng IrfanView hơn. Đó là một công cụ tuyệt vời với một cái tên khủng khiếp.

IrfanView là một trình chỉnh sửa hình ảnh rất nhẹ nhưng có nhiều chức năng. Nó miễn phí 100% và đi kèm với rất nhiều tiện ích mở rộng tuyệt vời giúp nó trở nên hoàn hảo để sử dụng trên các trang web. Dưới đây tôi sẽ hướng dẫn bạn cách cài đặt và sử dụng nó cho trang web của bạn.

Các công cụ hữu ích khác:

  • GIMP. Công cụ miễn phí, đây là một giải pháp thay thế (có phần mở rộng) cho Photoshop. Tôi thấy nó kém thân thiện với người dùng hơn và vì Photoshop CS2 hiện miễn phí nên tôi không thấy có ích gì khi tiếp tục sử dụng Gimp, nhưng nhiều người dùng thích nó. Hãy thử nó - bạn có thể thích nó.
  • Picasa. Công cụ tổ chức ảnh tôi sử dụng. Hóa ra nó còn có các công cụ chỉnh sửa ảnh tuyệt vời. Tôi không nghĩ Picasa phù hợp để tối ưu hóa hình ảnh của bạn để sử dụng trên web, nhưng nó đáng được đề cập ở đây.
  • Greenshot. Nếu bạn cần ảnh chụp màn hình cho trang web của mình, thì bạn có thể sử dụng công cụ tiện lợi Greenshot. Tôi sử dụng nó hầu như mỗi ngày. Tôi thích anh ấy.

TRONG hướng dẫn này Tôi sẽ tập trung vào việc tối ưu hóa hình ảnh bằng IrfanView. Trong Photoshop, quy trình này hoàn toàn khác; tuy nhiên, cả hai công cụ đều hoạt động tốt nên kết quả cuối cùng sẽ gần như giống nhau.

Tải xuống và cài đặt IrfanView

Thông thường không ai đọc điều này, nhưng vẫn:

Hãy nhớ rằng WordPress tạo 3 Hình ảnh bổ sung từ một lần được tải. Vì chúng tôi đã thực hiện tối ưu hóa nên plugin SmushIt không thể tối ưu hóa thêm hình ảnh 400x300. Tuy nhiên, bên cạnh đó, WordPress còn có các kích thước hình ảnh khác mà chúng ta có thể tối ưu hóa theo cách này. SmushIt có thể tối ưu hóa nhiều hình ảnh cùng một lúc. Đây là báo cáo mà SmushIt đã trích dẫn cho những hình ảnh trong bài đăng này.

Thứ hai, tôi khuyên bạn nên cài đặt Photon cho tất cả những ai làm việc với lưu trữ ảo hoặc người dự định sử dụng nhiều hình ảnh trên trang web của họ. Photon là CDN được cung cấp bởi WordPress.com. Sau khi bạn tải hình ảnh lên, một bản sao của nó sẽ được lưu trên Máy chủ WordPress, được đặt ở khắp nơi trên thế giới. Điều này có nghĩa là ai đó ở New York sẽ có thể lấy hình ảnh từ máy chủ WordPress đặt tại New York chứ không phải từ máy chủ của bạn. Điều tương tự cũng có thể nói về San Diego, Sarasota, Austin, Texas và Châu Âu. CDN cũng thực hiện một số tối ưu hóa hình ảnh. Dịch vụ này miễn phí và cho phép bạn tăng tốc độ tải xuống nhiều lần, đạt được kích thước nhỏ hơn trang và sự hài lòng của người dùng cao hơn.

Tài nguyên tối ưu hóa hình ảnh khác

Nếu bạn đã đi xa đến mức này, hãy để tôi cảm ơn bạn đã đọc! Bạn thực sự muốn tối ưu hóa hình ảnh trên trang web của mình - và điều đó thật tuyệt! Có nhiều khía cạnh và khía cạnh khác nhau của việc tối ưu hóa mà chúng ta có thể nói đến. Tôi sẽ cố gắng tiết lộ chúng trong tương lai - họ sẽ quan tâm hình ảnh thích ứng và hình ảnh sẵn sàng cho võng mạc. Để không làm bạn nhàm chán, tôi khuyên bạn nên tự mình thử nghiệm hai plugin sau:

Nếu bạn muốn tìm hiểu thêm về sự khác biệt giữa JPG, PNG và GIF, tôi khuyên bạn nên tham khảo tài nguyên sau: http://luci.criosweb.ro/riot/basic-under Hiểu-of-web-formats/. Khác chất liệu tốtđể đọc: Google cung cấp về việc tăng tốc độ trang web bằng cách tối ưu hóa hình ảnh của bạn. Tại sao Google quan tâm đến điều này? Các yếu tố tốc độ trang của các trang của bạn được tính đến khi xếp hạng trang web của bạn trong kết quả tìm kiếm. Đây là một lý do khác để tối ưu hóa. Đây là liên kết:

Các ấn phẩm liên quan: