Kích thước ảnh website chuẩn SEO và cách tối ưu hiệu quả

Kích thước ảnh website chuẩn là bao nhiêu pixel? Đây là câu hỏi mà hầu hết chủ website, content manager hay lập trình viên đều gặp phải khi xây dựng hoặc tối ưu một trang web. Một hình ảnh quá lớn làm chậm tốc độ tải trang, kéo điểm Core Web Vitals xuống thấp và ảnh hưởng trực tiếp đến thứ hạng SEO. Ngược lại, ảnh quá nhỏ hiển thị mờ nhòe, thiếu chuyên nghiệp và làm giảm niềm tin của người dùng. Không có một con số duy nhất áp dụng cho mọi vị trí, kích thước phụ thuộc vào từng loại ảnh, từng loại trang và mục đích sử dụng. Bài viết này tổng hợp đầy đủ các thông số chuẩn theo từng vị trí, đồng thời hướng dẫn cách tối ưu ảnh đúng chuẩn SEO để website hoạt động hiệu quả nhất.

I. Kích thước ảnh website là gì và tại sao cần chuẩn hóa?

Kích thước hình ảnh website là thông số chiều rộng và chiều cao của một hình ảnh hiển thị trên trang web, tính bằng đơn vị pixel (px). Đây không phải yếu tố trang trí đơn thuần. Kích thước ảnh tác động trực tiếp đến ba yếu tố cốt lõi của một website: Tốc độ tải trang, trải nghiệm người dùng và hiệu suất SEO.

Khi ảnh không đúng kích thước, trình duyệt phải thực hiện thêm thao tác co giãn hoặc crop ảnh theo thời gian thực, tiêu tốn tài nguyên và làm chậm quá trình render trang. Theo báo cáo Web Almanac của HTTP Archive, phần tử LCP trên đa số trang web di động là một hình ảnh. LCP cũng là một trong ba chỉ số cốt lõi của Core Web Vitals.

II. Lợi ích khi chuẩn hóa kích thước ảnh website

Lợi ích khi chuẩn hóa kích thước ảnh website là trang tải nhanh hơn, ảnh hiển thị sắc nét và bố cục ổn định trên mọi thiết bị. Ba nhóm lợi ích gồm hỗ trợ SEO Onpage qua chỉ số Core Web Vitals, nâng cao trải nghiệm người dùng và đồng bộ hiển thị giữa desktop, tablet, điện thoại.

• Hỗ trợ SEO: Google đánh giá cao các website có hình ảnh được tối ưu kích thước, giảm thời gian tải trang và cải thiện điểm Core Web Vitals. Điều này góp phần trực tiếp vào thứ hạng tìm kiếm.
• Nâng cao trải nghiệm người dùng: Hình ảnh hiển thị đúng tỷ lệ, không bị vỡ hay mờ, tạo ấn tượng chuyên nghiệp và giữ chân người đọc lâu hơn trên trang.
• Đồng bộ trên mọi thiết bị: Ảnh đúng kích thước hiển thị tốt trên cả desktop, tablet và smartphone, không bị cắt xén hay méo hình.

III. Kích thước ảnh website chuẩn theo từng vị trí

Không có kích thước chung áp dụng cho mọi hình ảnh trên website. Kích thước phụ thuộc vào vị trí đặt ảnh và vai trò của ảnh trong từng khu vực trang. Dưới đây là bảng tổng hợp đầy đủ các thông số chuẩn phổ biến nhất.

1. Kích thước ảnh banner/slider trang chủ

Ảnh slider hoặc hero banner là hình ảnh đầu tiên người dùng nhìn thấy khi truy cập website, đây chính là “bộ mặt” của toàn bộ trang. Ảnh này cần đủ lớn để hiển thị sắc nét trên màn hình desktop độ phân giải cao, đồng thời phải được thiết kế responsive để hiển thị tốt trên điện thoại.

Kích thước chuẩn được hầu hết các nền tảng web áp dụng:

• Desktop: 1920×600 px theo tỷ lệ 16:5 cho banner tràn màn hình, hoặc 1360×540 px (khoảng 5:2) cho banner nằm trong khung nội dung.
• Mobile: 800×1200 px theo tỷ lệ 2:3 cho banner dọc, hoặc 1080×1080 px theo tỷ lệ 1:1 cho banner vuông.

Khi thiết kế banner trang chủ, nên đặt nội dung và call-to-action vào vùng trung tâm để tránh bị cắt xén trên các thiết bị màn hình nhỏ.

2. Kích thước ảnh trong bài viết (trang blog)

Ảnh trong bài viết chia làm hai loại với chức năng khác nhau:

• Ảnh thumbnail (featured image): Là ảnh đại diện bài viết, hiển thị trong danh sách bài viết và kết quả tìm kiếm. Kích thước chuẩn: 800×500 px.
• Ảnh minh họa trong bài viết: Là các hình ảnh được chèn vào nội dung để làm rõ thông tin. Kích thước chuẩn: 600×375 px hoặc 300×188 px tùy vị trí full-width hay inline.

Tỷ lệ 16:9 hoặc 3:2 là hai tỷ lệ phổ biến nhất cho ảnh blog, đảm bảo hiển thị nhất quán trên cả desktop lẫn mobile.

3. Kích thước ảnh sản phẩm chuẩn trên website

Ảnh sản phẩm ảnh hưởng trực tiếp đến quyết định mua hàng. Kích thước không đủ lớn khiến người dùng không thể xem chi tiết sản phẩm, trong khi kích thước quá lớn làm chậm tốc độ tải trang sản phẩm gây ảnh hưởng nghiêm trọng với website thương mại điện tử.

Hai kích thước chuẩn phổ biến:

• Ảnh thumbnail sản phẩm (hiển thị trong danh sách): 300×400 px
• Ảnh chi tiết sản phẩm (trang sản phẩm đơn lẻ): 600×800 px hoặc 800×800 px (ảnh vuông)

Nếu website hỗ trợ tính năng zoom ảnh sản phẩm, nên chuẩn bị ảnh gốc với kích thước gấp đôi (1200×1600 px) để đảm bảo chất lượng khi phóng to.

4. Kích thước logo website chuẩn

Logo là yếu tố nhận diện thương hiệu xuất hiện trên mọi trang của website, thường đặt ở góc trên bên trái hoặc trung tâm header. Kích thước logo phụ thuộc vào bố cục thiết kế, nhưng có hai dạng phổ biến nhất:

• Logo ngang: 250×100 px, 350×75 px hoặc 400×100 px
• Logo vuông: 160×160 px

Lưu ý: Logo cần xuất file ở dạng SVG hoặc PNG nền trong suốt để hiển thị chuẩn trên mọi nền màu. Tránh dùng JPEG cho logo vì định dạng này không hỗ trợ nền transparent.

5. Kích thước favicon

Favicon là biểu tượng nhỏ xuất hiện trên tab trình duyệt, bookmarks bar và kết quả tìm kiếm trên thiết bị di động. Kích thước phổ biến nhất: 16×16 px hoặc 48×48 px. Nên chuẩn bị cả hai kích thước để trình duyệt tự chọn phiên bản phù hợp.

6. Kích thước ảnh thumbnail chia sẻ mạng xã hội

Khi chia sẻ bài viết lên Facebook, Zalo hay LinkedIn, hình ảnh preview được lấy từ thẻ Open Graph, không phải từ ảnh featured image của bài viết. Kích thước thumbnail chia sẻ chuẩn: 1200×630 px (tỷ lệ ~1.91:1).

Nếu không có ảnh đúng kích thước này, Facebook và các nền tảng khác sẽ tự crop ảnh theo tỷ lệ riêng, dẫn đến preview bị méo hoặc cắt mất nội dung quan trọng.

Bảng tổng hợp kích thước ảnh website chuẩn:

IV. Kích thước ảnh chuẩn theo từng loại trang website

Ngoài vị trí đặt ảnh, loại trang cũng quyết định yêu cầu về kích thước hình ảnh. Đây là điểm mà nhiều website bỏ qua, dẫn đến việc dùng cùng một kích thước ảnh cho mọi loại trang, gây ra sự không nhất quán và ảnh hưởng hiệu suất.

1. Trang chủ (Homepage)

Trang chủ thường có mật độ hình ảnh cao nhất, bao gồm slider, banner dịch vụ, section giới thiệu và các block CTA. Mỗi vị trí cần kích thước riêng:

• Hero banner: 1360×540 px (hoặc 1920×600 px full-width)
• Ảnh section giới thiệu/dịch vụ: 600×400 px
• Icon minh họa tính năng: 80×80 px hoặc 120×120 px (dạng SVG để co giãn linh hoạt)

2. Trang danh mục sản phẩm (Category Page)

Trang danh mục hiển thị nhiều sản phẩm cùng lúc theo dạng grid hoặc list. Ảnh quá lớn sẽ làm chậm toàn bộ trang khi load đồng thời hàng chục sản phẩm.

• Ảnh thumbnail sản phẩm trong grid: 300×400 px (tỷ lệ 3:4)
• Ảnh banner danh mục (category banner): 1200×300 px

Với trang danh mục, tốc độ tải ảnh quan trọng hơn độ sắc nét. Nên ưu tiên dùng định dạng WebP và lazy loading để ảnh chỉ tải khi người dùng scroll đến.

3. Trang Landing Page

Landing page tập trung vào chuyển đổi, nên hình ảnh cần có độ phân giải cao để tạo ấn tượng mạnh. Tuy nhiên, dung lượng vẫn phải được kiểm soát chặt vì tốc độ tải trang ảnh hưởng trực tiếp đến tỷ lệ bounce.

• Hero image landing page: 1440×810 px hoặc 1920×1080 px
• Ảnh minh họa USP/tính năng: 600×400 px
• Ảnh testimonial/khách hàng: 100×100 px (dạng tròn, crop vuông trước)

4. Trang bài viết/Blog

Đã đề cập ở mục 2.2. Lưu ý bổ sung: Số lượng ảnh hợp lý cho bài viết tin tức SEO là 1-2 ảnh, bài viết dài từ 2.000 từ trở lên nên có 5-7 ảnh, và bài viết sản phẩm/review nên có 15-25 ảnh.

5. Trang liên hệ (Contact Page)

Trang liên hệ thường không có nhiều ảnh, nhưng nếu có hình ảnh văn phòng hoặc bản đồ minh họa, kích thước phù hợp:

• Ảnh văn phòng/showroom: 800×500 px
• Ảnh đội ngũ (nếu có): 300×300 px (dạng vuông)

V. Kích thước ảnh không chuẩn ảnh hưởng đến Core Web Vitals thế nào?

Kích thước ảnh không chuẩn làm tăng LCP, gây lệch bố cục CLS và có thể kéo chậm INP, tức cả ba chỉ số Core Web Vitals mà Google dùng để đánh giá trải nghiệm trang. Theo ngưỡng của Google, trang đạt chuẩn cần LCP không quá 2,5 giây, CLS không quá 0,1 và INP không quá 200 mili giây.

1. LCP (Largest Contentful Paint): Thời gian hiển thị nội dung lớn nhất

LCP đo thời gian để phần tử lớn nhất trên trang (thường là hero banner hoặc featured image) hiển thị hoàn toàn. Ảnh có dung lượng lớn hoặc kích thước không được tối ưu sẽ làm tăng thời gian LCP, mục tiêu là LCP dưới 2,5 giây.

Cụ thể: Một ảnh banner 2MB ở định dạng JPEG sẽ có LCP cao hơn đáng kể so với cùng ảnh đó ở định dạng WebP 400KB, ngay cả khi hiển thị kích thước giống nhau trên màn hình.

2. CLS (Cumulative Layout Shift): Độ dịch chuyển bố cục tích lũy

CLS xảy ra khi các phần tử trên trang dịch chuyển vị trí trong quá trình tải. Nguyên nhân phổ biến nhất là ảnh không có thuộc tính width và height được khai báo trong HTML, trình duyệt không biết trước diện tích ảnh sẽ chiếm, dẫn đến layout bị “nhảy” khi ảnh tải xong.

Cách khắc phục đơn giản: Luôn khai báo width và height trong thẻ <img>, hoặc dùng thuộc tính aspect-ratio trong CSS. Điểm CLS mục tiêu là dưới 0.1.

3. INP (Interaction to Next Paint)

Ảnh kích thước lớn gây ra main thread blocking, làm trình duyệt bận xử lý ảnh và không phản hồi kịp thao tác của người dùng. Điều này ảnh hưởng đến INP, đặc biệt rõ rệt trên thiết bị di động cấu hình thấp.

4. Bảng ảnh hưởng kích thước ảnh đến Core Web Vitals

VI. 2 yếu tố quyết định kích thước ảnh phù hợp cho website của bạn

Kích thước ảnh website phù hợp là kích thước khớp với vị trí đặt ảnh và thiết bị hiển thị của người xem. Ảnh banner trang chủ cần chiều rộng khoảng 1920 px trên desktop, trong khi ảnh minh họa trong bài chỉ cần khoảng 800 px. Hai yếu tố dưới đây quyết định con số cho từng website.

1. Vị trí đặt hình ảnh

Mỗi vị trí trên website có khung chứa (container) với chiều rộng tối đa khác nhau tùy thiết kế. Trước khi chọn kích thước ảnh, cần xác định chiều rộng thực tế của khung chứa trong CSS, đây mới là số liệu quyết định, không phải độ phân giải màn hình người dùng.

2. Tương thích với thiết bị hiển thị

Website được truy cập từ nhiều thiết bị với độ phân giải màn hình khác nhau. Để ảnh hiển thị sắc nét trên cả màn hình retina (DPI cao), có thể sử dụng ảnh có kích thước gấp đôi so với kích thước hiển thị. Ví dụ: Nếu ảnh hiển thị ở 400×300 px, chuẩn bị ảnh gốc 800×600 px. HTML5 hỗ trợ thuộc tính srcset để phục vụ ảnh đúng kích thước theo từng thiết bị mà không cần tải ảnh lớn về di động.

VII. Cách xem kích thước ảnh đang dùng trên website

Cách xem kích thước ảnh trên website là dùng Developer Tools của trình duyệt hoặc xem thuộc tính file ảnh trên máy tính. Developer Tools cho biết cả kích thước hiển thị lẫn kích thước gốc của ảnh đang chạy trên trang. Thuộc tính file giúp bạn kiểm tra ảnh trước khi tải lên WordPress.

Cách 1: Dùng Developer Tools (Inspect):

1. Truy cập trang web cần kiểm tra
2. Nhấp chuột phải vào ảnh muốn kiểm tra -> chọn Kiểm tra (Inspect)
3. Di chuột đến đoạn mã HTML chứa thẻ <img> – thông tin kích thước hiện thị (intrinsic size và rendered size)
4. Hoặc click vào link ảnh trong phần Sources -> thông tin kích thước gốc hiển thị

Cách 2: Xem Properties của file ảnh:

Trước khi upload, click chuột phải vào file ảnh trên máy tính -> Properties -> Details -> xem thông số Width và Height.

VIII. Lưu ý khi tối ưu kích thước ảnh website chuẩn SEO

Tối ưu kích thước ảnh website chuẩn SEO là kết hợp đúng số pixel với định dạng, dung lượng, tên file, alt text và lazy loading. Một ảnh đúng 1200 px nhưng nặng 2 MB vẫn làm chậm trang. Sáu lưu ý dưới đây là nền tảng của SEO hình ảnh, giúp ảnh nhẹ và dễ được Google hiểu.

1. Chọn định dạng ảnh phù hợp

Khuyến nghị: Ưu tiên WebP cho mọi ảnh hiển thị trên web (trình duyệt hiện đại đều hỗ trợ). Dùng PNG cho logo và icon. Dùng JPEG khi cần tương thích rộng hơn.

2. Tối ưu dung lượng ảnh trước khi đăng

Kích thước pixel đúng nhưng dung lượng file quá lớn vẫn làm chậm trang. Mức dung lượng tham chiếu:

• Dưới 100KB: Lý tưởng cho hầu hết ảnh nội dung
• Từ 70 tới 200KB: Chấp nhận được cho ảnh chất lượng cao
• Trên 500KB: Cần nén lại trước khi upload

Công cụ nén ảnh miễn phí hiệu quả: TinyPNG, Squoosh (của Google), iLoveIMG. Với website WordPress, plugin Imagify hoặc ShortPixel tự động nén ảnh sau mỗi lần upload.

3. Đặt tên file ảnh chứa từ khóa

Tên file ảnh là yếu tố SEO thường bị bỏ qua. Thay vì đặt tên IMG_2578.jpg, hãy đặt tên theo nội dung ảnh và chứa từ khóa liên quan: kich-thuoc-anh-website-chuan-seo.jpg. Dùng dấu gạch ngang - để ngăn cách các từ, tránh dùng dấu cách hoặc ký tự đặc biệt.

4. Tối ưu thẻ ALT cho ảnh

Thẻ ALT là mô tả văn bản của hình ảnh, giúp Google hiểu nội dung ảnh và phục vụ người dùng khiếm thị. Thẻ ALT tốt: Mô tả chính xác nội dung ảnh, có thể chứa từ khóa tự nhiên, không nhồi nhét quá nhiều từ khóa.

Ví dụ tốt: alt="Bảng kích thước ảnh website chuẩn SEO theo từng vị trí"
Ví dụ kém: alt="kích thước ảnh kích thước ảnh website ảnh chuẩn SEO"

5. Khai báo width và height trong HTML

Như đã đề cập ở phần Core Web Vitals, luôn khai báo thuộc tính width và height cho thẻ <img> để trình duyệt có thể dự trữ không gian cho ảnh trước khi tải xong, tránh gây CLS.

6. Áp dụng lazy loading cho ảnh ngoài vùng nhìn thấy

Với các ảnh nằm ở phần cuối trang (below the fold), sử dụng thuộc tính loading="lazy" để trì hoãn tải ảnh cho đến khi người dùng scroll đến gần. Điều này giúp giảm tài nguyên cần thiết cho lần tải trang đầu tiên, cải thiện điểm LCP.

IX. Công cụ điều chỉnh và tối ưu kích thước ảnh website

Công cụ điều chỉnh kích thước ảnh website gồm bốn nhóm: Phần mềm thiết kế, công cụ có sẵn trên máy, công cụ thiết kế trực tuyến và công cụ nén ảnh chuyên biệt. Nhóm phần mềm thiết kế phù hợp khi cần cắt ảnh đúng tỷ lệ. Nhóm nén ảnh giúp giảm dung lượng mà vẫn giữ độ nét.

1. Phần mềm thiết kế chuyên nghiệp

• Adobe Photoshop: Công cụ tiêu chuẩn ngành cho chỉnh sửa ảnh chuyên sâu. Hỗ trợ đầy đủ các thao tác: resize, crop, export theo kích thước cụ thể, tối ưu dung lượng khi lưu (Save for Web).
• Krita: Phần mềm miễn phí với tính năng tương tự Photoshop, giao diện trực quan, phù hợp cho người dùng không có ngân sách phần mềm thương mại.
• Paint.NET: Lựa chọn nhẹ hơn, đủ tính năng cho các tác vụ resize và crop cơ bản, hoàn toàn miễn phí trên Windows.

2. Công cụ có sẵn trên máy tính

• Paint (Windows): Được tích hợp sẵn, cho phép resize ảnh theo pixel hoặc tỷ lệ phần trăm. Phù hợp cho các thao tác nhanh, không cần cài thêm phần mềm.
• Photos (MacOS): Ứng dụng mặc định trên Mac, hỗ trợ điều chỉnh kích thước ảnh cơ bản và xuất ảnh theo định dạng mong muốn.

3. Công cụ chỉnh sửa ảnh online (không cần cài đặt)

• Canva: Ngoài thiết kế đồ họa, Canva có tính năng resize ảnh theo kích thước preset hoặc tùy chỉnh. Giao diện tiếng Việt, thân thiện với người mới. Hỗ trợ xuất WebP.
• Fotor: Công cụ chỉnh sửa ảnh online miễn phí, cho phép điều chỉnh kích thước tự do hoặc theo preset, đồng thời hỗ trợ các thao tác chỉnh sáng, cân bằng màu.
• Pixlr: Cung cấp đầy đủ tính năng từ cơ bản đến chuyên nghiệp, chạy trên nền tảng đám mây, hỗ trợ ghi chép màn hình và chia sẻ file hình ảnh. Hỗ trợ JPEG, PNG, GIF.

4. Công cụ nén ảnh chuyên biệt

• TinyPNG / TinyJPG: Nén ảnh PNG và JPEG lossless, giữ chất lượng nhưng giảm dung lượng đáng kể (thường 40-70%).
• Squoosh: Công cụ của Google, cho phép so sánh trực tiếp chất lượng ảnh trước và sau nén, hỗ trợ xuất WebP.
• iLoveIMG: Nén nhiều ảnh cùng lúc, tiện dụng cho các dự án cần xử lý hàng loạt.

FAQ: Câu hỏi thường gặp về kích thước ảnh website

Các câu hỏi dưới đây tổng hợp thắc mắc thường gặp về kích thước ảnh website từ người dùng tìm kiếm trên Google. Mỗi câu trả lời đưa ra con số cụ thể để bạn áp dụng ngay khi thiết kế hoặc tải ảnh lên website.

1. Kích thước ảnh website chuẩn SEO là bao nhiêu?

Không có một kích thước duy nhất áp dụng cho toàn bộ website. Mỗi vị trí có kích thước riêng: Banner trang chủ 1360×540 px, ảnh bài viết 800×500 px, ảnh sản phẩm 600×800 px. Quan trọng hơn kích thước pixel là dung lượng file (dưới 200KB cho hầu hết ảnh) và định dạng phù hợp (WebP được khuyến nghị).

2. Kích thước ảnh banner website là bao nhiêu?

Kích thước ảnh banner website trên desktop là 1920×600 px theo tỷ lệ 16:5 cho banner tràn màn hình, hoặc 1360×540 px cho banner theo khung nội dung. Trên mobile, banner dọc nên dùng 800×1200 px theo tỷ lệ 2:3. Bạn nên đặt chữ và nút bấm ở vùng giữa ảnh để không bị cắt trên điện thoại.

3. Kích thước size ảnh phổ biến nhất hiện nay là gì?

Đối với ảnh in và ảnh thẻ: Kích thước phổ biến theo chuẩn DPI 300 (ảnh thẻ 3×4: 354×472 px, khổ 4R: 472×708 px). Đối với ảnh web và mạng xã hội: Ảnh đăng Facebook 1080×1080 px (vuông), ảnh bìa Facebook 820×312 px, ảnh Instagram vuông 1080×1080 px.

4. Kích thước ảnh thumbnail/featured image chuẩn là gì?

Kích thước ảnh thumbnail hay featured image chuẩn cho bài blog là 800×500 px, còn ảnh chia sẻ qua Open Graph nên dùng 1200×630 px. Thumbnail YouTube cần 1280×720 px theo tỷ lệ 16:9, và thumbnail sản phẩm dùng 300×400 px. Bạn nên giữ cùng tỷ lệ cho mọi thumbnail để lưới bài viết đều nhau.

5. Tại sao cần tối ưu kích thước ảnh trên website?

Ảnh không đúng kích thước gây ra ba vấn đề chính: Tăng dung lượng tải -> LCP cao -> thứ hạng SEO giảm; không khai báo kích thước -> layout shift (CLS) -> trải nghiệm người dùng kém; ảnh mờ hoặc bị co giãn sai tỷ lệ -> thiếu chuyên nghiệp -> giảm tỷ lệ chuyển đổi.

6. Định dạng ảnh nào tốt nhất cho website?

Theo Google, ảnh nén có mất dữ liệu nhẹ hơn ảnh JPEG tương đương từ 25 đến 34%, còn ảnh WebP không mất dữ liệu nhẹ hơn ảnh PNG khoảng 26%. Dùng PNG cho logo và icon cần nền trong suốt. Dùng JPEG khi cần tương thích với hệ thống cũ hơn.

7. Làm thế nào để giảm dung lượng ảnh mà không mất chất lượng?

Ba phương pháp hiệu quả nhất: (1) Dùng công cụ nén lossless như TinyPNG hoặc Squoosh để giảm dung lượng mà không giảm chất lượng hiển thị; (2) Chuyển sang định dạng WebP thay vì JPEG/PNG; (3) Resize ảnh về đúng kích thước hiển thị trước khi upload, tránh upload ảnh 4000px rồi để CSS co lại hiển thị 800px.

8. Kích thước ảnh sản phẩm chuẩn trên website thương mại điện tử là bao nhiêu?

Ảnh thumbnail sản phẩm trong trang danh mục: 300×400 px. Ảnh chi tiết trong trang sản phẩm: 600×800 px hoặc 800×800 px (dạng vuông). Nếu website hỗ trợ zoom ảnh, chuẩn bị ảnh gốc tối thiểu 1200×1600 px để đảm bảo sắc nét khi phóng to.

9. Kích thước ảnh logo website chuẩn là bao nhiêu pixel?

Logo nằm ngang (landscape): 250×100 px, 350×75 px hoặc 400×100 px. Logo vuông hoặc dạng icon: 160×160 px. Logo nên xuất ở định dạng SVG (vector, co giãn không vỡ) hoặc PNG nền trong suốt. Tránh dùng JPEG cho logo.

10. Kích thước ảnh slider/carousel trang chủ là bao nhiêu?

Slider trang chủ chuẩn: 1360×540 px cho bố cục thông thường, hoặc 1920×600 px cho thiết kế full-width. Bạn nên giữ cùng một tỷ lệ cho mọi slide để ảnh không bị nhảy chiều cao khi chuyển slide. Thiết kế theo nguyên tắc “safe zone”, đặt nội dung quan trọng vào vùng 70% trung tâm để tránh bị cắt trên thiết bị nhỏ.

11. Sự khác nhau giữa kích thước ảnh website và ảnh mạng xã hội là gì?

Ảnh website và ảnh mạng xã hội khác nhau ở tỷ lệ khung hình và vị trí hiển thị. Ảnh website thường dùng tỷ lệ 16:9 hoặc 3:4, còn ảnh chia sẻ link trên Facebook dùng 1.91:1 và ảnh bài đăng dùng 1:1. Bạn nên xuất riêng từng phiên bản để ảnh không bị cắt sai vùng nội dung.

12. Kích thước ảnh không chuẩn ảnh hưởng thế nào đến SEO và tốc độ tải trang?

Kích thước ảnh không chuẩn làm chậm tốc độ tải trang và kéo giảm điểm Core Web Vitals. Ảnh quá nặng có thể đẩy LCP vượt 4 giây, mức Google xếp vào nhóm kém. Ảnh thiếu thuộc tính width và height gây lệch bố cục CLS, còn ảnh thiếu alt text sẽ khó xuất hiện trên Google Hình ảnh.

Kích thước ảnh website nên được xem là một phần của quy trình xuất bản, không phải bước sửa lỗi sau khi trang đã chậm. Doanh nghiệp tiết kiệm nhiều công sức khi lập sẵn bộ kích thước cho từng vị trí ảnh và áp dụng chung cho mọi người cùng đăng bài. Cách làm đó giữ điểm Core Web Vitals ổn định ngay cả khi website có thêm hàng trăm bài viết mới. Viwise triển khai dịch vụ SEO tổng thể cho website doanh nghiệp, từ tối ưu kỹ thuật, hình ảnh đến nội dung. Viwise có công thức content vừa thúc đẩy thứ hạng SEO truyền thống, vừa tăng tỷ lệ hiển thị trên các nền tảng AI (ChatGPT, Gemini, AI Overview). Liên hệ Viwise để được tư vấn lộ trình tối ưu phù hợp với website của bạn.

• Website: Viwise Agency
• Hotline: 0988.622.140