Bạn có muốn tìm hiểu về kích thước hình ảnh WordPress không?
Người mới bắt đầu thường hỏi WPBeginner Việt Nam về kích thước hình ảnh họ nên sử dụng trên trang WordPress của mình 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, WPBeginner Việt Nam sẽ giải thích về 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 nên sử dụng trên website 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. Ví dụ, 1600×900 pixel có nghĩa là hình ảnh rộng 1600 pixel và cao 900 pixel.
Các phép đo này cũng được gọi là kích thước hình ảnh. Về cơ bản, hình ảnh có kích thước lớn hơn sẽ có nhiều pixel hơn, điều này sẽ làm tăng kích thước file hình ảnh.
Kích thước file hình ảnh là không gian mà file hình ảnh chiếm giữ trên máy tính và được đo bằng byte. Ví dụ: 100 KB (kilobyte).
Nếu hình ảnh có kích thước file lớn, người dùng sẽ mất nhiều thời gian hơn để download và có thể ảnh hưởng đến tốc độ và hiệu suất của website. Đó là lý do tại sao điều quan trọng là phải giữ kích thước file hình ảnh càng nhỏ càng tốt trong khi vẫn giữ hình ảnh ở đúng kích thước.
Đây chính là lúc định dạng file hình ảnh phát huy tác dụng.
Định dạng file hình ảnh là công nghệ nén để lưu file hình ảnh. Định dạng file phổ biến nhất được sử dụng trên web là JPEG và PNG.
Hình ảnh như ảnh chụp có 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 file JPEG. Mặt khác, 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ề định dạng file hình ảnh, bạn có thể tham khảo bài viết của WPBeginner Việt Nam về cách tối ưu hóa hình ảnh trong WordPress.
Với suy nghĩ đó, sau đây là bản tóm tắt nhanh về những content WPBeginner Việt Nam sẽ đề cập trong bài viết này:
Sẵn sàng chưa? Chúng ta hãy bắt đầu nhé.
Tôi nên sử dụng kích thước hình ảnh nào cho trang WordPress của mình?
Đối với một website WordPress trung bình, bạn sẽ sử dụng hình ảnh ở một số khu vực trên website của mình. Bạn sẽ cần hình ảnh cho 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 file hình ảnh theo mặc định. Bất cứ khi nào bạn upload một hình ảnh, WordPress sẽ tự động tạo một số bản sao ở 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 mặc định của WordPress bằng cách truy cập Cài đặt » Phương tiện trang trong khu vực quản trị WordPress.
Tại đây, bạn sẽ thấy ba kích thước hình ảnh: hình thu nhỏ, trung bình và lớn.
Tuy nhiên, theme WordPress của bạn có thể tạo thêm kích thước hình ảnh riêng và sử dụng chúng cho các phần khác nhau trên website của bạn.
Những 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 những kích thước bổ sung đó là vào ‘Trình quản lý file’ trên tài khoản hosting WordPress của bạn.
Sau đó, bạn sẽ muốn điều hướng đến folder /wp-content/uploads/ và chọn bất kỳ folder năm nào ở đó để duyệt. Điều này sẽ giúp bạn thấy tất cả các kích thước hình ảnh khác nhau mà website WordPress của bạn đang tạo.
Bây giờ, chúng ta hãy xem xét các khu vực khác nhau trên website của bạn và kích thước hình ảnh nào bạn nên sử dụng ở những khu vực đó.
Kích thước hình ảnh nào nên sử dụng trong bài đăng trên blog
Bạn nên chọn kích thước hình ảnh cho bài đăng trên blog dựa trên theme WordPress của bạn.
Ví dụ, một số theme WordPress có layout một cột, cho phép bạn sử dụng hình ảnh rộng hơn.
Một số theme WordPress khác sử dụng layout nhiều cột, thường bao gồm một vùng content và một sidebar.
Nếu bạn sử dụng loại theme này, điều đó có nghĩa là bạn cần phải điều chỉnh chiều 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 một cột: 1200×675 pixel
- Bố cục hai cột: 680×382 pixel
Bây giờ, bạn có thể nhận thấy rằng nhiều website 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. Xin lưu ý rằng đâ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 block ‘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, WPBeginner Việt Nam đang sử dụng hình ảnh chân dung bên cạnh một số văn bản.
Tương tự như vậy, 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 layout 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 nên 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ỏ bài đăng, là một tính năng của theme WordPress. Điều này có nghĩa là theme của bạn sẽ xác định kích thước hình ảnh nào sẽ hiển thị.
Ví dụ, một số theme WordPress có thể sử dụng tỷ lệ khung hình chuẩn 16:9 cho kích thước hình ảnh nổi bật, chẳng hạn như 680×382 pixel.
Một số theme WordPress cũng có thể sử dụng hình ảnh nổi bật làm hình ảnh tiêu đề. Nếu đúng như vậy, họ có thể cần hình ảnh lớn hơn, chẳng hạn như 1200×675 pixel.
Hình ảnh nổi bật rất quan trọng vì theme WordPress của bạn có thể sử dụng chúng ở nhiều khu vực khác nhau trên website. Chúng thường là thứ đầu tiên mà người dùng nhìn thấy, vì vậy bạn sẽ muốn tạo ấn tượng đầu tiên tốt.
Chúng tôi khuyên bạn nên sử dụng hình ảnh lớn hơn, trông sẽ đẹp hơn khi thu nhỏ lại hoặc sử dụng ở chế độ rộng hơn.
Tương tự như vậy, nếu theme WordPress của bạn sử dụng hình ảnh vuông cho hình ảnh nổi bật, thì WPBeginner Việt Nam 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 theme sử dụng hình ảnh nổi bật hình chữ nhật: 1200×687 pixel
- Đối với các theme sử dụng hình ảnh nổi bật hình vuông: 600×600 pixel
Giao diện WordPress của bạn sẽ tạo thêm nhiều kích thước cho hình ảnh nổi bật để sử dụng ở nhiều khu vực khác nhau, chẳng hạn như trang chủ, trang blog hoặc trang lưu trữ.
Kích thước hình ảnh nào nên sử dụng cho phương tiện truyền thông xã hội
Bây giờ, nếu theme WordPress của bạn 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 mạng xã hội cho Twitter và Facebook.
Tuy nhiên, bạn sẽ cần phải thông báo rõ ràng cho các nền tảng đó về hình ảnh nào bạn muốn hiển thị khi ai đó chia sẻ bài viết từ website của bạn.
Để làm được điều đó, bạn sẽ cần Tất cả trong một SEO plugin cho WordPress. Đây là plugin SEO WordPress tốt nhất trên thị trường và được hơn 3 triệu website sử dụng. Plugin này có thể giúp bạn tối ưu hóa website 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ú: Với ngân sách eo hẹp? Cũng có một số hạn chế phiên bản miễn phí của All in One SEO mà bạn có thể thử.
Để bắt đầu, bạn cần cài đặt và kích hoạt plugin All in One SEO. Để biết thêm chi tiết, bạn có thể xem hướng dẫn từng bước của WPBeginner Việt Nam 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. Chỉ cần làm theo hướng dẫn trên màn hình để hoàn tất quy trình. Bạn cũng có thể xem hướng dẫn của WPBeginner Việt Nam về cách thiết lập All in One SEO để biết hướng dẫn chi tiết hơn.
Sau đó, bạn cần phải ghé thăm 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 ‘Ảnh nổi bật’ làm nguồn ảnh Open Graph mặc định của mình.
Sau đó, bạn có thể chuyển sang tab Twitter và làm 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 theme WordPress của bạn sử dụng hình ảnh có kích thước khác thì Facebook và Twitter có thể không hiển thị đúng hình ảnh đó.
Trong trường hợp đó, bạn có thể cung cấp hình ảnh custom cho các nền tảng truyền thông xã hội.
Chỉ cần tạo một hình ảnh có tỷ lệ khung hình 16:9, có thể là 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 sẽ cần chuyển sang tab ‘Social’ và cuộn xuống trường ‘Image Source’. Từ dropdown menu, chọn ‘Custom Image’ rồi tải ảnh Facebook của bạn lên.
Khi hoàn tất, bạn cũng có thể lặp lại quy trình này trên tab ‘Twitter’.
Lưu ý rằng bạn sẽ phải làm điều này cho tất cả các bài viết 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 bảng hướng dẫn phương tiện truyền thông xã hội WordPress dành cho người mới bắt đầu của WPBeginner Việt Nam.
Kích thước hình ảnh nào nên sử dụng cho Logo website trong WordPress
Nhiều giao diện WordPress sẽ cho bạn biết kích thước hình ảnh bạn nên sử dụng cho logo website của mình.
Ví dụ, theme demo của WPBeginner Việt Nam hiển thị thông báo này khi WPBeginner Việt Nam cố gắng tải logo lên.
Tuy nhiên, nếu bạn đang sử dụng theme WordPress mới hơn với tính năng chỉnh sửa toàn bộ website thì bạn có thể không nhận được khuyến nghị về kích thước hình ảnh logo.
Trong trường hợp đó, WPBeginner Việt Nam khuyên bạn nên upload các kiểu dáng 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à điểm khởi đầu tốt.
Chỉnh sửa hình ảnh cho website WordPress của bạn
Chúng tôi hiểu rằng 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, học cách sử dụng phần mềm chỉnh sửa hình ảnh để thay đổi kích thước hình ảnh cho website WordPress của bạn là một kỹ năng tuyệt vời. Thêm vào đó, việc này rất dễ thực hiện.
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 vào Phương tiện » Thư viện trang và nhấp vào hình ảnh.
Thao tác này sẽ mở hình ảnh trong một popup, tại đó bạn sẽ thấy nút để chỉnh sửa hình ảnh.
Sau khi thực hiện xong, bạn sẽ thấy các option chỉnh sửa.
Các công cụ chỉnh sửa bao gồm các chức năng cơ bản như thay đổi kích thước, cắt, xoay và lật hình ảnh.
Việc chỉnh sửa hình ảnh cơ bản này hữu ích nếu bạn cần nhanh chóng khắc phục sự cố hình ảnh. Tuy nhiên, đây không phải là cách tốt nhất để chỉnh sửa hình ảnh hàng ngày.
May mắn thay, có một số lựa 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 miễn phí trên web. Nó cũng bao gồm các mẫu có sẵn cho hình ảnh website, logo, hình ảnh phương tiện truyền thông xã hội, v.v.
- Pixlr – Một phần mềm chỉnh sửa hình ảnh miễn phí trên web. Có thể sử dụng để thay đổi kích thước hình ảnh cho bài đăng trên blog của bạn một cách dễ dàng.
- Gimp – Phần mềm chỉnh sửa hình ảnh miễn phí và code nguồn mở. Công cụ này hoạt động như một ứng dụng máy tính để bàn gốc trên Windows, Mac và Linux. Nó 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à nhiều hơn 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à kích thước hình ảnh nào nên sử dụng trên website của bạn. Bạn cũng có thể muốn xem hướng dẫn của WPBeginner Việt Nam về cách thêm chú thích vào hình ảnh nổi bật và cách khắc phục hình ảnh nổi bật không hiển thị trong WordPress.
Nếu bạn thích bài viết này, vui lòng đăng ký theo dõi WPBeginner Việt Nam Kênh Youtube cho các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy WPBeginner Việt Nam trên Twitter Và Facebook.
