Lưu trữ ảnh Markdown: ảnh cho README GitHub, tài liệu và ghi chú

Bởi Product Team

Tải lên ảnh chụp màn hình, sơ đồ hoặc GIF. Bạn nhận được mã Markdown để dán ngay vào README, wiki hay ghi chú - miễn phí, không cần đăng ký, và link không hết hạn.

Tải ảnh lên

★ Đánh giá 4.4/5 từ 137 lượt đánh giá của người dùng

Markdown hiển thị ảnh từ một link: ![alt text](image link). Ảnh cần được đặt ở đâu đó trên web. YourImageShare lưu trữ ảnh miễn phí và cho bạn dòng Markdown để dán ngay, dùng cho GitHub, GitLab, Obsidian, trang tài liệu hoặc bất kỳ file Markdown nào khác.

Lấy mã Markdown cho ảnh

  1. Tải ảnh lên. Nhấn Tải ảnh lên, hoặc trên máy tính dán ảnh chụp màn hình trực tiếp từ clipboard bằng Ctrl+V.
  2. Mở tab Markdown khi tải lên xong và sao chép mã.
  3. Dán vào file của bạn.

Tab Markdown cho ra ảnh có thể nhấp để mở ảnh kích thước đầy đủ:

[![AbC123xYz0](https://yourimageshare.com/ib/AbC123xYz0.png)](https://yourimageshare.com/ib/AbC123xYz0)

Nếu chỉ cần ảnh thường, không kèm link, hãy giữ lại phần bên trong và viết alt text mô tả đúng nội dung:

![Settings screen](https://yourimageshare.com/ib/AbC123xYz0.png)

Ảnh trong README, issue và wiki GitHub

GitHub hiển thị ảnh từ bên ngoài trong README, issue, pull request, discussion và wiki. Dán mã Markdown vào, ảnh sẽ xuất hiện khi trang được hiển thị.

  • Đặt kích thước bằng thẻ HTML, GitHub cho phép dùng trong Markdown: <img src="https://yourimageshare.com/ib/AbC123xYz0.png" width="400" alt="Screenshot">
  • GIF demo vẫn chạy trong README - xem lưu trữ GIF, hoặc biến video quay màn hình thành GIF bằng công cụ chuyển video sang GIF.
  • Alt text mô tả ảnh cho trình đọc màn hình và hiển thị khi ảnh không tải được.

Obsidian, Notion và trang tài liệu

  • Obsidian, Typora, bản xem trước của VS Code và các trình soạn thảo Markdown khác hiển thị ảnh từ link, nên ghi chú của bạn luôn nhẹ và ảnh hiển thị trên mọi thiết bị.
  • Notion: gõ /image, chọn Embed link rồi dán link trực tiếp (ở tab Direct).
  • Trang tài liệu xây dựng bằng MkDocs, Docusaurus, Jekyll, Hugo hoặc GitBook đều hiển thị cùng cú pháp ảnh Markdown.

Vì sao nên lưu trữ ảnh bên ngoài repository

  • Repository nhẹ hơn. Ảnh chụp màn hình và GIF làm mỗi lần clone nặng thêm hàng megabyte, mãi mãi, kể cả sau khi bạn thay chúng. Ảnh được lưu trữ bên ngoài chỉ được tải khi có người xem trang.
  • Link không hết hạn. Ảnh được giữ lại cho đến khi bạn xóa.
  • Không cần đăng ký, và không phải cấu hình gì. Với script và CI, có API tải lên miễn phí.
  • Độ phân giải đầy đủ và không có watermark. Dữ liệu EXIF, bao gồm vị trí, được xóa trước khi ảnh được lưu.

Câu hỏi thường gặp

Làm sao để thêm ảnh vào file Markdown?
Tải ảnh lên, sao chép mã Markdown ở tab Markdown rồi dán vào file. Markdown hiển thị ảnh bằng cú pháp ![alt text](image link).
Tôi có thể dùng các ảnh này trong README GitHub không?
Có. GitHub hiển thị ảnh từ bên ngoài trong README, issue, pull request và wiki. Chỉ cần dán mã Markdown, ảnh sẽ xuất hiện khi file được hiển thị.
Làm sao để đặt kích thước ảnh trong README?
Markdown thuần không có tùy chọn kích thước. Trên GitHub, hãy dùng thẻ ảnh HTML có chiều rộng, ví dụ <img src="image link" width="400" alt="Screenshot">.
Vì sao nên lưu trữ ảnh README bên ngoài repository?
Ảnh chụp màn hình và GIF demo làm mỗi lần clone repository nặng thêm hàng megabyte. Ảnh được lưu trữ bên ngoài chỉ được tải khi có người xem README.
Link ảnh có hết hạn không?
Không. Ảnh được giữ lại cho đến khi bạn xóa, nên các link trong tài liệu luôn hoạt động.

Thêm trường hợp sử dụng

Sẵn sàng thêm ảnh của bạn?