728x90
반응형
옵시디언에서 이미지 파일을 드래그해서 추가하면 메모파일이 있는 경로에 이미지가 함께 저장된다. 이게 너무 보기싫어서 이미지를 .md파일에 포함시켜서 저장하는 방법을 찾다가 Base64로 전환하고 전환된 코드를 추가하는 방법이 있다는걸 알게됬다.
구글에서 Base64 Encoder라고 검색하면 많은 온라인 인코더 사이트가 나오지만 난 개인적으로 아래 홈페이지 추천! 깔끔해보인다.
Base64 Image Encoder
show code opens a modal with image preview, usage examples, image width & height, ... copy image copies this base64 code to your clipboard: data:image/jpeg;base64,/9j/4AA... copy css copies this base64 code to your clipboard: url('data:image/jpeg;base64,/9
www.base64-image.de
여기에 이미지를 올리면 Base64코드로 변환해준다.
우측에 Show code를 누르면 변환된 Base64 코드가 나온다. For use in <img> elements: 아래 있는 코드르 복사하면 된다. copy to clipboard를 누르면 복사가 된다.
옵시디언으로 돌아가서 코드를 입력해주면된다.
[] 괄호안에 이미지 설명을 써주고 () 괄호안에 복사한 코드를 붙여넣기 하면 끝이다.
728x90
반응형
'개발 관련 지식 및 Tool 사용방법' 카테고리의 다른 글
| gcc, gdb 설치하기, 컴파일러 설치하기, msys2를 이용한 컴파일러 설치, MinGW64, 32 설치하기 (3) | 2024.09.16 |
|---|---|
| 윈도우 11 "추가 옵션 표시 끄기/켜기" (0) | 2024.09.08 |
| Chocolatey 설치하기, 윈도용 패키지 매니저 Chocolatey, ninja 설치하기 (0) | 2024.09.07 |
| WSL 설치하기 (0) | 2024.06.05 |
| Obsidian 설치 및 간단 사용 방법, 옵시디언? Obsidian? (0) | 2024.05.27 |