Thủ thuật web

Hướng dẫn cho người mới bắt đầu về kích thước hình ảnh WordPress (+ Các phương pháp hay nhất)

Bạn có muốn tìm hiểu về kích thước hình ảnh WordPress không?

Thông thường người mới bắt đầu hỏi chúng tôi về kích thước hình ảnh mà họ nên sử dụng trên trang web WordPress của họ và cách WordPress xử lý hình ảnh trong các khu vực khác nhau.

Trong hướng dẫn dành cho người mới bắt đầu này, chúng tôi sẽ giải thích các kích thước hình ảnh WordPress phổ biến và chia sẻ các phương pháp hay nhất về cách biết kích thước nào sẽ sử dụng trên trang web của bạn.

Kích thước hình ảnh WordPress được giải thích cho người mới bắt đầu

Kích thước hình ảnh là gì?

Kích thước hình ảnh thường đề cập đến chiều rộng và chiều cao của hình ảnh được đo bằng pixel. Ví dụ: 1600 × 900 pixel nghĩa là hình ảnh có chiều rộng 1600 pixel và chiều cao 900 pixel.

Kích thước hình ảnh theo thứ nguyên

Các phép đo này còn được gọi là kích thước hình ảnh.

Về cơ bản, một hình ảnh có kích thước lớn hơn có nhiều pixel hơn sẽ dẫn đến việc tăng kích thước tệp hình ảnh.

Kích thước tệp hình ảnh là không gian mà tệp hình ảnh chiếm trên máy tính và nó được đo bằng byte. Ví dụ: 100 KB (kilobyte).

Nếu hình ảnh có kích thước tệp lớn hơn, thì người dùng sẽ mất nhiều thời gian tải xuống hơn và ảnh hưởng đến tốc độ và hiệu suất trang web của bạn . Đó là lý do tại sao điều quan trọng là phải giữ kích thước tệp hình ảnh càng nhỏ càng tốt, trong khi giữ hình ảnh ở kích thước phù hợp.

Điều này đưa chúng ta đến các định dạng tệp hình ảnh.

Định dạng tệp hình ảnh là công nghệ nén để lưu tệp hình ảnh của bạn. Các định dạng phổ biến nhất được sử dụng trên web là JPEG và PNG.

Các hình ảnh như ảnh có nhiều màu hơn có thể được nén tốt hơn bằng cách sử dụng định dạng tệp JPEG.

Mặt khác, những hình ảnh như minh họa với ít chi tiết màu sắc hơn có thể sử dụng PNG để có kết quả tốt nhất.

Để biết thêm chi tiết về các định dạng tệp hình ảnh, hãy xem bài viết của chúng tôi về cách tối ưu hóa hình ảnh trong WordPress .

Điều đó đang được nói, chúng ta hãy xem những kích thước hình ảnh nào sẽ sử dụng trong WordPress cho các khu vực khác nhau trên trang web của bạn.

Hình ảnh của tôi nên có kích thước nào cho trang web WordPress của tôi?

Đối với một trang web WordPress trung bình , bạn sẽ sử dụng hình ảnh trong một số khu vực trên trang web của mình. Bạn sẽ cần hình ảnh cho các bài đăng blog, hình thu nhỏ, tiêu đề trang, hình ảnh bìa và hơn thế nữa.

WordPress tự động xử lý một số kích thước tệp hình ảnh theo mặc định. Bất cứ khi nào bạn tải lên một hình ảnh, WordPress sẽ tự động tạo một số bản sao của nó với các kích thước khác nhau.

Tự động sao chép hình ảnh ở các kích thước khác nhau

Bạn có thể xem và thậm chí điều chỉnh kích thước hình ảnh WordPress mặc định bằng cách truy cập trang Cài đặt »Phương tiện trong khu vực quản trị WordPress.

Bạn sẽ thấy ba kích thước cho Trung bình, Hình thu nhỏ và Lớn.

Kích thước hình ảnh mặc định trong WordPress

Tuy nhiên, chủ đề WordPress của bạn có thể tạo kích thước hình ảnh bổ sung của riêng nó và sử dụng kích thước hình ảnh đó cho các phần khác nhau trên trang web của bạn.

Các kích thước này sẽ không hiển thị trên màn hình Phương tiện và cách duy nhất để xem các kích thước bổ sung đó là đi tới Trình quản lý tệp trên tài khoản lưu trữ WordPress của bạn .

Sau đó, điều hướng đến thư mục / wp-content / uploads / và chọn bất kỳ thư mục năm nào ở đó để duyệt. Điều này sẽ giúp bạn xem tất cả các kích thước hình ảnh khác nhau mà trang web WordPress của bạn đang tạo.

Như đã nói, chúng ta hãy xem xét các khu vực khác nhau trên trang web của bạn và kích thước hình ảnh bạn nên sử dụng trong các khu vực đó.

Kích thước hình ảnh nào để sử dụng trong các bài đăng trên blog

Bạn cần chọn kích thước hình ảnh cho các bài đăng trên blog của mình dựa trên chủ đề WordPress của bạn .

Ví dụ: một số chủ đề WordPress có bố cục một cột cho phép bạn sử dụng hình ảnh rộng hơn.

Hình ảnh trong một bố cục cột duy nhất

Mặt khác, một số chủ đề WordPress sử dụng bố cục nhiều cột (nội dung + thanh bên), có nghĩa là bạn cần điều chỉnh chiều rộng hình ảnh cho phù hợp.

Bố cục hai cột

Đối với hầu hết các blog, bạn có thể sử dụng các kích thước hình ảnh sau:

  • Bố cục một cột: 1200 × 675
  • Bố cục hai cột: 680 × 382

Bây giờ, bạn có thể nhận thấy rằng nhiều trang web WordPress phổ biến sử dụng cùng một chiều rộng hình ảnh cho tất cả hình ảnh của họ bên trong một bài viết. Tuy nhiên, đây không phải là một quy tắc nghiêm ngặt.

Ví dụ: nếu bạn cần thêm khối ‘Phương tiện và Văn bản’, thì bạn có thể điều chỉnh kích thước hình ảnh cho phù hợp. Trong ví dụ dưới đây, chúng tôi đang sử dụng một hình ảnh ở kích thước dọc bên cạnh một số văn bản.

Một bài đăng trên blog hiển thị hình ảnh ở kích thước dọc bên cạnh một số văn bản

Tương tự, bạn có thể muốn sử dụng hình ảnh vuông cho một số trường hợp.

Ví dụ, đây là một ví dụ về hình ảnh vuông được sử dụng trong bố cục nhiều cột .

Hình ảnh vuông trong cột

Khi sử dụng hình ảnh vuông, bạn chỉ cần đảm bảo rằng kích thước hình ảnh có cùng chiều rộng và chiều cao, chẳng hạn như 300 x 300 pixel.

Kích thước hình ảnh nào để sử dụng cho hình ảnh nổi bật

Hình ảnh nổi bật , còn được gọi là hình thu nhỏ của bài đăng, là một tính năng của chủ đề WordPress. Điều đó có nghĩa là chủ đề của bạn sẽ xác định kích thước hình ảnh sẽ hiển thị.

Ví dụ: một số chủ đề WordPress có thể sử dụng tỷ lệ khung hình chuẩn 16: 9 cho các kích thước hình ảnh nổi bật (ví dụ: 680 × 382 pixel).

Một số chủ đề WordPress cũng có thể sử dụng hình ảnh nổi bật làm hình ảnh tiêu đề lớn hơn. Để làm điều đó, họ có thể cần hình ảnh lớn hơn (như 1200 × 675).

Hình ảnh mờ được sử dụng trong bìa

Hình ảnh nổi bật rất quan trọng vì chủ đề WordPress của bạn có thể sử dụng chúng trong các khu vực khác nhau trên trang web của bạn. Chúng thường là thứ đầu tiên mà khách truy cập của bạn nhìn thấy, vì vậy bạn sẽ muốn tạo ấn tượng tốt đầu tiên.

Chúng tôi khuyên bạn nên sử dụng hình ảnh lớn hơn để chúng trông vẫn đẹp cho dù chúng được thu nhỏ hoặc sử dụng ở các chế độ rộng hơn.

Hình ảnh nổi bật bên trong hộp đựng

Tương tự, nếu chủ đề WordPress của bạn sử dụng hình ảnh vuông cho hình ảnh nổi bật, thì chúng tôi khuyên bạn nên sử dụng hình ảnh có kích thước ít nhất là 600 × 600 pixel.

  • Đối với các chủ đề sử dụng hình ảnh nổi bật hình chữ nhật: 1200 × 687 pixel
  • Đối với các chủ đề sử dụng hình ảnh nổi bật hình vuông: 600 × 600 pixel

Chủ đề WordPress của bạn sẽ tạo ra các kích thước bổ sung cho các hình ảnh nổi bật để sử dụng trong các khu vực khác nhau như trang chủ , trang blog hoặc các trang lưu trữ.

Hình ảnh nổi bật trên trang chủ

Kích thước hình ảnh nào để sử dụng cho phương tiện truyền thông xã hội

Bây giờ nếu chủ đề WordPress của bạn đang sử dụng hình ảnh nổi bật có tỷ lệ khung hình 16: 9, thì bạn cũng có thể sử dụng chúng làm hình ảnh truyền thông xã hội cho Twitter và Facebook.

Tuy nhiên, bạn sẽ cần phải nói rõ ràng với các nền tảng đó rằng bạn muốn hiển thị hình ảnh nào khi ai đó chia sẻ bài viết từ trang web của bạn.

Để làm được điều đó, bạn sẽ cần plugin Tất cả trong một SEO cho WordPress. Đây là plugin SEO WordPress tốt nhất trên thị trường được sử dụng bởi hơn 3 triệu trang web. Nó giúp bạn tối ưu hóa trang web của mình cho các công cụ tìm kiếm và các nền tảng truyền thông xã hội.

Lưu ý : Ngoài ra còn có một phiên bản miễn phí giới hạn của All in One SEO mà bạn có thể dùng thử.

Đầu tiên, bạn cần cài đặt và kích hoạt plugin. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress .

Sau khi kích hoạt, plugin sẽ khởi chạy trình hướng dẫn thiết lập. Làm theo hướng dẫn trên màn hình để hoàn thành trình hướng dẫn. Bạn cũng có thể xem hướng dẫn của chúng tôi về cách thiết lập SEO Tất cả trong Một để biết hướng dẫn từng bước.

Sau đó, bạn cần truy cập trang Mạng xã hội »Tất cả trong một SEO và chuyển sang tab Facebook. Từ đây, bạn có thể đặt ‘Hình ảnh Nổi bật’ làm nguồn hình ảnh Đồ thị Mở mặc định của mình.

Hình ảnh mặc định cho Facebook Open Graph

Sau đó, bạn có thể chuyển sang tab Twitter và thực hiện tương tự.

Đừng quên nhấp vào nút Lưu thay đổi để lưu cài đặt của bạn.

Bây giờ, nếu chủ đề WordPress của bạn sử dụng hình ảnh ở kích thước khác, thì Facebook và Twitter có thể không hiển thị những hình ảnh đó một cách chính xác.

Trong trường hợp đó, bạn có thể cung cấp cho các nền tảng mạng xã hội một hình ảnh tùy chỉnh.

Chỉ cần tạo một hình ảnh với tỷ lệ khung hình 16: 9 (1200 × 675 pixel hoặc 680 × 382 pixel). Sau đó chỉnh sửa bài đăng hoặc trang và cuộn xuống phần Cài đặt AIOSEO bên dưới trình chỉnh sửa.

Từ đây, bạn cần chuyển sang tab Xã hội và cuộn xuống phần Nguồn ảnh. Từ menu thả xuống, chọn Hình ảnh tùy chỉnh và sau đó tải lên hình ảnh Facebook của bạn.

Đặt hình ảnh tùy chỉnh cho Facebook

Bạn cũng sẽ cần lặp lại quy trình trên tab Twitter.

Bạn sẽ phải làm điều này cho tất cả các bài báo bạn xuất bản để đảm bảo rằng các phương tiện truyền thông xã hội sử dụng hình ảnh mà bạn muốn họ sử dụng.

Để biết thêm kích thước hình ảnh trên mạng xã hội, hãy xem bảng gian lận mạng xã hội WordPress của chúng tôi dành cho người mới bắt đầu.

Kích thước hình ảnh nào để sử dụng cho biểu trưng trang web trong WordPress

Nhiều chủ đề WordPress sẽ cho bạn biết kích thước hình ảnh bạn nên sử dụng cho logo trang web của mình.

Ví dụ: chủ đề demo của chúng tôi hiển thị thông báo này khi chúng tôi cố gắng tải lên một biểu trưng.

Đề xuất kích thước hình ảnh biểu trưng

Tuy nhiên, nếu bạn đang sử dụng chủ đề WordPress mới hơn với tính năng chỉnh sửa trang web đầy đủ , thì bạn có thể không nhận được đề xuất về kích thước hình ảnh biểu trưng.

Trong trường hợp đó, chúng tôi khuyên bạn nên tải lên các kiểu và kích thước khác nhau để xem những gì trông phù hợp nhất cho thương hiệu của bạn. Kích thước hình ảnh biểu trưng 300 × 200 pixel có thể là một điểm khởi đầu tốt.

Trình chỉnh sửa khối biểu trưng trang web

Chỉnh sửa hình ảnh cho trang web WordPress của bạn

Hầu hết người dùng WordPress không phải là nhà thiết kế đồ họa theo nghề nghiệp. Tuy nhiên, bạn sẽ cần sử dụng phần mềm chỉnh sửa hình ảnh để tạo kích thước hình ảnh cho trang web WordPress của mình.

Bản thân WordPress đi kèm với một số công cụ chỉnh sửa hình ảnh cơ bản. Để sử dụng chúng, chỉ cần truy cập trang Media »Library và nhấp vào một hình ảnh.

Thao tác này sẽ mở hình ảnh trong một cửa sổ bật lên, nơi bạn sẽ thấy một nút để chỉnh sửa hình ảnh.

Chỉnh sửa hình ảnh trong WordPress

Thao tác này sẽ mở các tùy chọn chỉnh sửa.

Các công cụ bao gồm thay đổi kích thước hình ảnh cơ bản, cắt, xoay và lật.

Các tùy chọn chỉnh sửa hình ảnh trong WordPress

Chỉnh sửa hình ảnh cơ bản này rất hữu ích nếu bạn cần nhanh chóng sửa một hình ảnh. Tuy nhiên, nó không phải là cách tốt nhất để chỉnh sửa hình ảnh của bạn hàng ngày.

May mắn thay, có một số tùy chọn miễn phí và rẻ tiền mà bạn có thể sử dụng.

  • Canva – phần mềm chỉnh sửa hình ảnh dựa trên web miễn phí. Nó cũng bao gồm các mẫu được tạo sẵn cho hình ảnh trang web, biểu trưng, ​​hình ảnh truyền thông xã hội và hơn thế nữa.
  • Pixlr – Một phần mềm chỉnh sửa hình ảnh dựa trên web miễn phí. Có thể được sử dụng để dễ dàng thay đổi kích thước hình ảnh cho các bài đăng trên blog của bạn.
  • Gimp – Phần mềm chỉnh sửa hình ảnh mã nguồn mở và miễn phí. Nó hoạt động như một ứng dụng máy tính để bàn gốc trên Windows, Mac và Linux. Có thể được sử dụng để thay đổi kích thước hình ảnh, thêm lớp văn bản, chỉnh sửa ảnh và hơn thế nữa.

Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu thêm về kích thước hình ảnh WordPress và những kích thước hình ảnh nào để sử dụng trên trang web của bạn. Bạn cũng có thể muốn xem hướng dẫn của chúng tôi về cách chọn trình tạo trang web tốt nhất hoặc chuyên gia của chúng tôi chọn các plugin WordPress tốt nhất cho các trang web doanh nghiệp nhỏ.

Nếu bạn thích bài viết này, vui lòng đăng ký  Kênh YouTube của chúng tôi  để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên  Twitter  và Facebook .

Related Articles

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Back to top button