Làm cách nào để sửa độ phân giải của ảnh trong WordPress?

Thông thường, những người mới bắt đầu hỏi chúng tôi về kích thước hình ảnh họ nên sử dụng trên trang web WordPress của họ và cách WordPress xử lý hình ảnh ở 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 nên sử dụng kích thước nào trên trang web của bạn

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. Chẳng hạn, 1600 × 900 pixel có nghĩa là hình ảnh có chiều rộng 1600 pixel và chiều cao 900 pixel

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 sẽ có nhiều pixel hơn, điều này sẽ dẫn đến 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à được đo bằng byte. Chẳng hạn, 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 hơn để tải xuống và ảnh hưởng đến tốc độ cũng như hiệu suất trang web của bạn. Đó là lý do tại sao điều quan trọng là giữ cho kích thước tệp hình ảnh càng nhỏ càng tốt, đồng thời giữ cho 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. Những cái phổ biến nhất được sử dụng trên web là JPEG và PNG

Các hình ảnh như ảnh chứa nhiều màu sắc 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ư hình minh họa có í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

Như đã nói, chúng ta hãy xem kích thước hình ảnh nào sẽ được 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 bao nhiêu 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 ở 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 trên blog, hình thu nhỏ, tiêu đề trang, ảnh bìa, v.v.

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ó ở các kích cỡ khác nhau

Bạn có thể xem và thậm chí điều chỉnh kích thước hình ảnh mặc định của WordPress 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

Tuy nhiên, chủ đề WordPress của bạn có thể tạo các kích thước hình ảnh bổ sung của riêng nó và sử dụng các kích thước đó 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à vào 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 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 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

Chẳng hạn, một số chủ đề WordPress đi kèm với bố cục một cột cho phép bạn sử dụng hình ảnh rộng hơn

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), điều đó có nghĩa là bạn cần điều chỉnh độ rộng hình ảnh cho phù hợp

Đố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 cột đơn. 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ả các hình ảnh của họ 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

Chẳng hạn, 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ụ bên dưới, 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

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

Chẳng hạn, đây là một ví dụ về hình ảnh vuông được sử dụng trong bố cục nhiều 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ẽ 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ị

Chẳng hạn, một số chủ đề WordPress có thể sử dụng tiêu chuẩn 16. 9 cho 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 nổi bật rất quan trọng vì chủ đề WordPress của bạn có thể sử dụng chúng ở 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 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ỏ lại hay được sử dụng ở chế độ rộng hơn

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ối thiểu 600 × 600 pixel

• Đối với các chủ đề sử dụng hình ảnh đặc trưng hình chữ nhật. 1200 × 687 pixel
• Đối với các chủ đề sử dụng hình ảnh đặc trưng 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 ở các khu vực khác nhau như trang chủ, trang blog hoặc trang lưu trữ

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 là 16. 9 ở tỷ lệ khung hình, 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 cần thông báo rõ ràng cho các nền tảng đó biết 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 All in One SEO cho WordPress. Đây là plugin WordPress SEO 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à nền tảng truyền thông xã hội

Ghi chú. Ngoài ra còn có một phiên bản All in One SEO miễn phí có giới hạn mà bạn có thể dùng thử

Trước 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 All in One SEO để biết hướng dẫn từng bước

Sau đó, bạn cần truy cập trang Tất cả trong một SEO » Mạng xã hội 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 Open Graph mặc định của mình

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ị đúng những hình ảnh đó

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

Đơn giản chỉ cần tạo một hình ảnh với 16. 9 tỷ lệ khung hình (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 hình ảnh. Từ trình đơn thả xuống, chọn Hình ảnh tùy chỉnh rồi tải lên hình ảnh Facebook của bạn

Bạn cũng 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 phương tiện truyền thông xã hội sử dụng hình ảnh bạn muốn họ sử dụng

Để biết thêm kích thước hình ảnh phương tiện truyền thông xã hội, hãy xem trang lừa đảo phương tiện truyền thô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ẽ sử dụng cho Logo trang web trong WordPress

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

Chẳng hạn, 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

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

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 kiểu nào phù hợp nhất với thương hiệu của bạn. Kích thước hình ảnh logo là 300 × 200 pixel có thể là một điểm khởi đầu tốt

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 chuyên 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 Phương tiện » Thư viện và nhấp vào một hình ảnh

Thao tác này sẽ mở hình ảnh trong 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

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 xén, xoay và lật

Tính năng 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, đó 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à không tốn kém 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, logo, hình ảnh mạng xã hội, v.v.
• Pixlr – Một phần mềm chỉnh sửa hình ảnh dựa trên web freemium. Có thể được sử dụng để dễ dàng thay đổi kích thước hình ảnh cho bài đăng trên blog của bạn
• Gimp – Phần mềm chỉnh sửa ả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.v.

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à kích thước hình ảnh nào sẽ 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

Hình ảnh nên có độ phân giải nào cho WordPress?

Tại sao WordPress tiếp tục mở rộng hình ảnh của tôi?