# Favicon và ảnh chia sẻ trang danh mục

NCV DCIMS — NCV Dental Clinical Image Management System. Bổ sung ngày 30/09/2026.

`MO_DANH_MUC.html` và `index.html` dùng logo **NCV.png do chủ hệ thống cung cấp**. File logo nguồn được giữ nguyên byte. Favicon là các bản hiển thị thu nhỏ cùng hình biểu tượng, gồm ICO 16/32/48/256 px, PNG 32/192 px và Apple touch icon 180 px.

Favicon PNG, ICO và touch icon giữ nền trong suốt của ảnh gốc; không tô nền trắng khi thu nhỏ. Tham số `?v=alpha1` trên liên kết icon giúp trình duyệt tải lại bản đã sửa. Kiểm chứng kênh alpha cho cả bảy PNG và bốn frame ICO nằm trong receipt bên dưới.

Ảnh chia sẻ `ncv-dcims-document-social.png` có kích thước **1200 × 630 px**, gồm logo, tiêu đề Trung tâm tài liệu, phiên bản 0.2.30-r2 và các nhóm tài liệu. Ảnh được dựng bằng HTML/CSS, font Manrope và màu của DCIMS.

## Đường dẫn tương đối

Theo yêu cầu của chủ hệ thống, mọi đường dẫn favicon và ảnh chia sẻ trỏ tới folder:

```text
./06_ANH_GIAO_DIEN/nhan-dien/
```

Các thẻ Open Graph và Twitter Card đã có ngay trong HTML tĩnh; không cần JavaScript để thêm metadata. Không gắn domain, canonical hoặc og:url suy đoán vào bộ bàn giao.

Nguồn thumbnail có ở `06_ANH_GIAO_DIEN/nhan-dien/social-thumbnail.html`. Giữ file PNG đã xuất khi upload vì mạng xã hội đọc ảnh PNG, không chụp lại template HTML.

## Đưa lên hosting

1. Upload trang HTML và folder `06_ANH_GIAO_DIEN/nhan-dien` cùng cấp. Nếu chuyển toàn bộ bộ bàn giao, giữ nguyên sáu folder để các liên kết tài liệu còn đúng.
2. Mở link HTTPS của trang và kiểm favicon trên tab trình duyệt. Nếu còn icon cũ, thử tải lại mạnh hoặc mở cửa sổ riêng tư vì trình duyệt có thể cache favicon.
3. Kiểm ảnh PNG truy cập được từ link HTTPS, trả đúng MIME `image/png` và không yêu cầu đăng nhập nếu muốn crawler đọc được.
4. Thử chia sẻ chính link HTTPS. Trang file:// trên máy cá nhân không cung cấp tài nguyên cho crawler Internet. Hình xem trước có thể được nền tảng cache theo link.

Đường dẫn ảnh tương đối đã được kiểm khi đặt trang trong hai folder hosting mô phỏng. Chưa thử crawler mạng xã hội trên hosting thật. Một số nền tảng có thể yêu cầu URL ảnh tuyệt đối hoặc có quy tắc riêng; nếu gặp trường hợp đó, cần cấu hình metadata tại bước xuất/deploy theo URL hosting thực, không tự sinh URL bằng JavaScript cho crawler.

Open Graph định nghĩa `og:title`, `og:type`, `og:image` và các thông tin ảnh tại [tài liệu chính thức](https://ogp.me/). Kết quả kiểm tài sản trong `04_KIEM_CHUNG/catalog-branding-audit.json`.