word markdown images docx accessibility

Word đến Markdown với hình ảnh: Lưu trữ, đường dẫn, và Alt Text

Chuyển đổi Word tài liệu với hình ảnh để Markdown, trích xuất DOCX phương tiện truyền thông, tạo đường dẫn di động, viết văn bản thay thế hữu ích, và ngăn chặn các liên kết hình ảnh bị hỏng.

W
WordToMD Đội
·

Chuyển đổi văn bản trong tài liệu Word thành Markdown rất đơn giản. Chuyển đổi hình ảnh là một công việc riêng biệt: Word lưu trữ phương tiện truyền thông bên trong .docx package, trong khi Markdown chỉ lưu trữ tham chiếu văn bản cho tệp hình ảnh.

Quá trình làm việc đáng tin cậy là chuyển đổi cấu trúc tài liệu, trích xuất các tập tin hình ảnh, đặt tên ổn định cho chúng, và sau đó kết nối mỗi hình ảnh với Markdown với một con đường tương đối và văn bản thay thế hữu ích. Hướng dẫn này cho thấy làm thế nào để làm điều đó mà không mất dấu tài sản.

Câu trả lời ngắn gọn

Nếu bạn có một tài liệu và chỉ có một vài hình ảnh:

  1. Chuyển đổi .docx văn bản WordToMD.
  2. Lấy hình ảnh từ một bản sao của tệp Word.
  3. Đặt hình ảnh vào một images/ or assets/ thư mục.
  4. Thêm Markdown tham chiếu như ![Login settings screen](images/login-settings.png).
  5. Xem trước Markdown cuối cùng tại điểm đến của nó.

Nếu bạn có nhiều tài liệu hoặc nhiều hình ảnh nhúng, sử dụng Pandoc with --extract-media. It can create the media files and references in one command, although you should still rename, optimize, and review the assets.

Tại sao hình ảnh có hành vi khác với văn bản

A .docx file là một gói ZIP chứa XML, mối quan hệ, phong cách và phương tiện truyền thông. Các byte hình ảnh nhúng thường sống dưới word/media/, trong khi các tập tin quan hệ cho biết Word nơi mỗi hình ảnh xuất hiện. Tài liệu cũng có thể chứa hướng dẫn cắt, vị trí nổi, chú thích, hình dạng trang trí, và các liên kết không có tương đương Markdown trực tiếp.

Markdown bản thân không nhúng các byte hình ảnh. Thuật ngữ hình ảnh tiêu chuẩn chứa ba phần thông tin:

![Alternative text](images/architecture-diagram.png "Optional title")
  • Alternative text mô tả hình ảnh khi nó không thể nhìn thấy.
  • images/architecture-diagram.png nói với trình hiển thị nơi tập tin sống.
  • Tiêu đề tùy chọn có thể xuất hiện như một mẹo công cụ, tùy thuộc vào trình hiển thị.

Sự tách biệt đó rất hữu ích cho việc kiểm soát phiên bản và xuất bản, nhưng nó có nghĩa là một cuộc di chuyển hoàn chỉnh phải quản lý cả .md hồ sơ và tài sản của nó.

WordToMD làm gì với hình ảnh nhúng

WordToMD chuyển đổi tiêu đề, đoạn văn, danh sách, liên kết, nhấn mạnh, bảng cơ bản và hình ảnh nhúng được hỗ trợ trong trình duyệt của bạn. Khi hình ảnh được tìm thấy, kết quả bao gồm một Markdown + hình ảnh ZIP tùy chọn có chứa .md file và một images/ thư mục.

Tài liệu của bạn vẫn còn địa phương, và tạo ra Markdown tham chiếu hình ảnh sử dụng các con đường tương đối vào gói images/ thư mục. Xem lại văn bản alt, đổi tên tài sản chung và kiểm tra các đối tượng vẽ phức tạp Word trước khi xuất bản.

Chọn phương pháp khai thác phù hợp

Phương phápTốt nhất choLợi thếĐánh giá
WordToMD Markdown + hình ảnh ZIPMột tài liệu với hình ảnh được nhúng hỗ trợKhông cài đặt; chuyển đổi và gói hình ảnh ở trong trình duyệtCác đối tượng vẽ phức tạp và đặt tên tài sản cuối cùng có thể cần phải xem xét lại
Đổi tên một DOCX bản sao thành ZIPTruy cập trực tiếp vào phương tiện truyền thông nhúng gốcKhông cần chuyển đổi bổ sungTên tệp như image1.png không giải thích vị trí
Lưu từ Word như một trang webNgười dùng thích giao diện WordsTạo tệp HTML và thư mục phương tiện truyền thôngTên được tạo và HTML có thể cần phải dọn dẹp
Pandoc --extract-mediaNhiều hình ảnh, lặp lại công việc, hoặc tự động hóaLấy phương tiện truyền thông và viết tham chiếu tự độngCần cài đặt và xem xét dòng lệnh

Dòng công việc A: WordToMD Plus Manual Image Extraction

Phương pháp này giúp chuyển đổi văn bản nhanh chóng trong khi cho bạn quyền kiểm soát tên tài sản và vị trí.

1. Chuyển đổi và lưu Markdown

Mở ra. Word-to-Markdown chuyển đổi, chọn .docx, xem lại kết quả có thể chỉnh sửa, và tải xuống .md File. Giữ tài liệu Word ban đầu không thay đổi cho đến khi quá trình di chuyển hoàn thành.

2. Lấy hình ảnh từ một bản sao của DOCX

Làm một bản sao trước khi thay đổi phần mở rộng.

Trên Windows:

  1. Cho phép Kích cỡ tên tệp trong File Explorer.
  2. Nhận handbook.docx vào một thư mục làm việc.
  3. Đổi tên bản sao thành handbook.zip.
  4. Lấy lưu trữ ZIP.
  5. Mở các chiết xuất word/media/ thư mục.

Trên macOS hoặc Linux, một tiện ích lưu trữ thông thường có thể mở các bản sao .docx trực tiếp, hoặc bạn có thể sao chép tập tin và thay đổi mở rộng của nó để .zip.

Thư mục phương tiện có thể chứa PNG, JPEG, GIF, SVG, EMF hoặc WMF. Một số hệ thống xuất bản không xử lý các định dạng vector cụ thể Word, do đó chuyển đổi định dạng không được hỗ trợ thành SVG hoặc PNG trước khi thêm chúng vào dự án Markdown.

3. Kết hợp mỗi tập tin với vị trí của nó

Tên gọi như image1.png and image2.jpeg là mã nhận dạng gói, không phải là tên tài sản có ý nghĩa. Mở các tập tin được trích xuất như hình thu nhỏ và so sánh chúng với tài liệu Word.

Tạo một bản đồ đơn giản trong khi bạn làm việc:

Word vị tríLưu tập fileTên tệp cuối cùng
Phần kiến trúcimage3.pngsystem-architecture.png
Hướng dẫn đăng nhậpimage7.jpeglogin-settings.jpg
Phần kết quảimage9.pngconversion-result.png

Đừng cho rằng thứ tự số luôn phù hợp với thứ tự hình ảnh. Các tiêu đề, logo lặp đi lặp lại, nền và nội dung bị xóa có thể ảnh hưởng đến số lượng nội bộ.

4. Tạo cấu trúc thư mục di động

Một cấu trúc đơn giản hoạt động trên GitHub, Obsidian, và hầu hết các máy phát điện vị trí tĩnh:

handbook/
├── handbook.md
└── images/
    ├── system-architecture.png
    ├── login-settings.jpg
    └── conversion-result.png

Sau đó tham khảo các tập tin với các đường dẫn tương đối:

![System architecture](images/system-architecture.png)

Con đường tương đối giữ cho tài liệu di động. Một con đường tuyệt đối như C:\Users\Name\Desktop\image1.png chỉ hoạt động trên một máy tính và không bao giờ xuất hiện trong Markdown được xuất bản.

5. Viết văn bản thay thế có ý nghĩa

Word caption hình ảnh và Markdown alt text phục vụ các mục đích khác nhau. Một chú thích là văn bản hỗ trợ có thể nhìn thấy; văn bản alt là một sự thay thế ngắn gọn cho thông tin được truyền đạt bởi hình ảnh.

Thất yếu:

![Image](images/image1.png)

Tốt hơn:

![Three-stage publishing flow from Word review to Markdown repository to website deployment](images/publishing-flow.png)

Để chụp màn hình, xác định giao diện và trạng thái có liên quan. Để tạo biểu đồ, hãy tóm tắt kết luận thay vì liệt kê từng dấu hiệu. Đối với một hình ảnh trang trí không thêm thông tin, hãy sử dụng văn bản thay thế trống:

![](images/decorative-divider.svg)

Đừng lặp lại chú thích xung quanh word cho word trừ khi đó là mô tả tương đương rõ ràng nhất.

6. Xem trước tại điểm đến thực tế

Markdown trình hiển thị khác nhau. Một đường dẫn hoạt động trong trình soạn thảo cục bộ có thể thất bại sau khi triển khai nếu:

  • kho lưu trữ sử dụng tên tệp nhạy cảm với chữ cái;
  • trang web viết lại các URL của tài sản;
  • tệp Markdown di chuyển sang thư mục khác;
  • không gian hoặc ký tự không phải ASCII được xử lý khác nhau;
  • nền tảng chặn định dạng tệp.

Xem trước trang cuối cùng trên GitHub, trong Obsidian, hoặc thông qua quá trình xây dựng thông thường của trang web. Kiểm tra mọi hình ảnh trên máy tính để bàn và trên điện thoại di động.

Phương trình làm việc B: Lấy hình ảnh với Pandoc

Pandoc là phù hợp hơn khi bản đồ hình ảnh sẽ thống trị di chuyển.

pandoc handbook.docx \
  -t gfm \
  --wrap=none \
  --extract-media=./assets \
  -o handbook.md

Pandoc trích xuất phương tiện truyền thông nhúng và viết tham chiếu vào Markdown được tạo ra. Kiểm tra thư mục kết quả trước khi xuất bản: phân cấp và tên được tạo ra có thể đúng về mặt kỹ thuật nhưng khó duy trì.

Sau khi chuyển đổi:

  1. Loại bỏ tài sản trùng lặp hoặc không sử dụng.
  2. Đổi tên các tập tin với tên mô tả, chữ cái nhỏ.
  3. Cập nhật mọi tham chiếu Markdown sau khi đổi tên.
  4. Chuyển đổi định dạng không được hỗ trợ.
  5. Thêm hoặc cải thiện văn bản thay thế.
  6. Nén tập tin lớn.

Đối với các chuyển đổi lặp đi lặp lại, xem batch Word-to-Markdown hướng dẫn.

Hướng dẫn hình ảnh cho các điểm đến phổ biến

GitHub

Lưu trữ hình ảnh trong kho lưu trữ và sử dụng đường dẫn liên quan đến tệp Markdown:

![Build status screen](docs/images/build-status.png)

Tên tập tin là vấn đề. Build-Status.png and build-status.png có thể cư xử như các tệp khác nhau khi kho lưu trữ được hiển thị trên một hệ thống nhạy cảm với trường hợp. Các Word-to-GitHub hướng dẫn bao gồm phần còn lại của GFM dọn dẹp.

Obsidian

Phương pháp hình ảnh Markdown tiêu chuẩn vẫn là lựa chọn di động nhất:

![Research model](attachments/research-model.png)

Obsidian cũng hỗ trợ các embed theo kiểu wiki, nhưng đó là ứng dụng cụ thể. Quyết định liệu khả năng di động hoặc Obsidian-native behavior có quan trọng hơn trước khi chuyển đổi mọi tham chiếu. Xem các Word-to-Obsidian dòng công việc.

Máy phát điện tại vị trí tĩnh

Các trang web có thể giải quyết tài sản liên quan đến tệp Markdown hiện tại, a public/ thư mục, hoặc một đường ống nhập khẩu. Xác nhận quy ước của dự án trước khi di chuyển hình ảnh. Một con đường như /images/guide/example.png có thể làm việc trên một trang web nhưng bị gián đoạn khi trang web được triển khai dưới một thư mục phụ.

Đọc Word-to-static-site-guide và thử nghiệm thông qua lệnh sản xuất xây dựng.

Tối ưu hóa tài sản trước khi xuất bản

Word tài liệu thường chứa hình ảnh lớn hơn nhiều kích thước hiển thị của chúng. Việc xuất bản những bản gốc đó có thể làm chậm tải trang mà không cải thiện chất lượng hiển thị.

Sử dụng những quy tắc thực tế này:

  • Cắt bỏ các khu vực không sử dụng trước khi xuất khẩu.
  • Ưu tiên JPEG hoặc WebP cho nội dung nhiếp ảnh.
  • Ưu tiên PNG cho ảnh chụp màn hình giao diện cần văn bản sắc nét.
  • Ưu tiên SVG cho sơ đồ và biểu tượng tương thích.
  • Chuyển kích cỡ hình ảnh thành chiều rộng hiển thị tối đa hợp lý.
  • Loại bỏ siêu dữ liệu nhạy cảm khi nguồn yêu cầu.
  • Giữ các tệp ban đầu có độ phân giải cao bên ngoài thư mục tài sản được công bố.

Tránh chuyển đổi mỗi hình ảnh thành một định dạng tự động. Ảnh chụp màn hình, sơ đồ, ảnh và minh họa minh bạch có các yêu cầu khác nhau.

Vấn đề hình ảnh phổ biến và giải pháp

Markdown hiển thị biểu tượng hình ảnh bị hỏng

Kiểm tra con đường tương đối với .md file, bao gồm cả chữ cái lớn và mở rộng. Sau đó xác nhận tài sản đã cam kết, tải lên hoặc sao chép vào đầu ra triển khai.

Hình ảnh hoạt động tại địa phương nhưng không trực tuyến

Con đường cục bộ có thể chỉ ra bên ngoài dự án, hoặc trang web được triển khai có thể sử dụng một URL cơ sở khác. Thay thế các đường dẫn cụ thể cho máy bằng các đường dẫn liên quan đến kho lưu trữ hoặc được phê duyệt theo địa điểm.

Hình ảnh được trích xuất trông khác với Word

Word có thể áp dụng cắt, xoay, minh bạch, ranh giới, hoặc điều chỉnh màu sắc như hướng dẫn tài liệu thay vì thay đổi hình ảnh cơ bản. Tạo lại diện mạo cuối cùng trong trình chỉnh sửa hình ảnh và xuất một tài sản sẵn sàng xuất bản.

Một sơ đồ bị thiếu

SmartArt, biểu đồ, hình dạng nhóm và vải vẽ không phải lúc nào cũng được lưu trữ như hình ảnh raster thông thường. Xuất khẩu đối tượng từ Word dưới dạng SVG hoặc PNG, sau đó tham khảo tập tin đã xuất thủ công.

Tên tệp đã thay đổi nhưng hình ảnh đã biến mất

Đổi tên một tài sản không tự động cập nhật Markdown. Tìm tên cũ trong dự án và cập nhật mọi tham chiếu, bao gồm cả định nghĩa hình ảnh theo kiểu tham chiếu.

Danh sách kiểm tra di chuyển hình ảnh cuối cùng

  • Tệp Markdown có thư mục tài sản phù hợp.
  • Mọi hình ảnh nhúng chứa thông tin đã được trích xuất.
  • Tên tệp là mô tả, ổn định và nhất quán.
  • Các con đường tương đối hoặc tuân theo quy ước được ghi lại của điểm đến.
  • Alt text truyền đạt mục đích của mỗi hình ảnh có ý nghĩa.
  • Hình ảnh trang trí sử dụng văn bản thay thế trống.
  • Các định dạng vector Word không được hỗ trợ đã được chuyển đổi.
  • Các tài sản quá lớn đã được thay đổi kích thước hoặc nén.
  • Không còn đường dẫn địa phương nào trong Markdown.
  • Tất cả hình ảnh đã được kiểm tra trong trình hiển thị cuối cùng ở độ rộng di động và máy tính để bàn.

FAQ

Có thể WordToMD tải xuống hình ảnh bên trong DOCX của tôi không?

Đúng rồi. Chuyển đổi DOCX và chọn Markdown + hình ảnh ZIP. The archive contains the editable Markdown and supported embedded pictures in an images/ thư mục. Bạn cũng có thể sử dụng Word Image Extractor riêng biệt khi bạn chỉ cần các tập tin phương tiện truyền thông gốc.

Có thể Markdown lưu trữ hình ảnh bên trong .md Hồ sơ?

Tiêu chuẩn Markdown lưu trữ tham chiếu, không phải hình ảnh nhị phân. Một số biên tập viên chấp nhận các URL dữ liệu base64, nhưng họ làm cho các tệp Markdown lớn và ít di động hơn. Một tập tin tài sản riêng biệt với một con đường tương đối thường dễ dàng hơn để duy trì.

Tôi nên sử dụng một URL tuyệt đối hay một đường dẫn hình ảnh tương đối?

Sử dụng đường dẫn tương đối khi hình ảnh thuộc cùng kho lưu trữ hoặc trang web. Sử dụng URL HTTPS tuyệt đối chỉ khi hình ảnh được chủ trì và duy trì ở nơi khác. Tránh các URL mà bạn không kiểm soát.

Làm thế nào để tôi xử lý phụ đề Word?

Giữ chú thích như là văn bản hiển thị gần hình ảnh và viết văn bản thay thế riêng cho ý nghĩa của hình ảnh. Nếu hệ thống xuất bản của bạn có một thành phần hình hoặc phụ đề, chuyển đổi cặp thành ngữ pháp được hỗ trợ của nền tảng đó.

Kết luận

Một sự di chuyển hình ảnh thành công Word-to-Markdown xử lý Markdown và tài sản của nó như một gói. Sử dụng WordToMD để chuyển đổi văn bản nhanh chóng, riêng tư, trích xuất các phương tiện riêng biệt, tạo tên và đường dẫn có chủ ý, và xem trước kết quả nơi nó sẽ được công bố. Đối với di cư lớn hoặc lặp đi lặp lại, chuyển sang Pandoc và tự động hóa bước chiết xuất mà không bỏ qua việc xem xét khả năng truy cập và đường dẫn cuối cùng.