문서에 이미지 넣기

이미지는 편집 영역에 붙여넣거나 파일을 끌어 놓아 넣습니다. 이미지 파일은 문서 본문과 따로 저장되고, 본문에는 그 파일을 가리키는 마크다운 이미지 문법 한 줄이 들어갑니다. 그래서 원문 모드에서도 이미지 자리가 보이고, 내보낸 파일에도 그 자리가 그대로 남습니다.

넣는 방법

• 복사해 둔 이미지를 편집 영역에 붙여넣으면 커서가 있는 줄 다음에 들어갑니다. 커서가 빈 줄에 있으면 그 줄에 들어갑니다
• 이미지 파일을 편집 영역으로 끌어다 놓으면 커서 대신 놓은 자리를 기준으로 같은 방식으로 들어갑니다. 여러 파일을 한 번에 놓으면 빈 줄을 사이에 두고 차례로 넣습니다
• 넣은 이미지는 여러 장이어도 Ctrl+Z 한 번으로 모두 빠집니다
• 복사한 내용에 글자도 들어 있으면 글자만 붙여넣습니다. 워드나 엑셀에서 복사할 때 딸려 오는 이미지 조각이 문서에 끼지 않게 하려고 이렇게 합니다
• 편집 영역 밖(사이드바·상단바·보기 모드 화면)에 놓으면 넣지 않고 이미지는 편집 영역에 놓아 넣을 수 있습니다.가 뜹니다. .md 파일과 섞어서 놓으면 .md 파일만 가져옵니다
• 코드블록·표·문서 맨 위 속성 안에 커서가 있거나 읽기만 할 수 있는 문서에서는 이 위치에는 이미지를 넣을 수 없습니다.가 뜹니다

받는 형식과 크기

PNG·JPEG·GIF·WebP 이미지를 받습니다. 형식은 파일 이름이 아니라 파일 앞부분의 내용을 보고 정하므로, 확장자만 바꾼 파일과 SVG는 받지 않습니다.

넣을 때는 아래 순서로 봅니다. 여러 장 가운데 몇 장만 걸리면 나머지는 넣고, 못 넣은 장 수를 알림으로 알려 줍니다.

• 긴 변이 2,000px 이하인 PNG·JPEG·WebP도 한 번 WebP로 바꿔 보고, 파일이 작아질 때만 바꾼 쪽을 씁니다. 바꾼 이미지는 원본과 픽셀까지 같지는 않습니다
• GIF는 줄이지도 바꾸지도 않습니다. 움직이는 GIF는 그대로 움직이고, 그 대신 처음부터 5MB 이하여야 합니다
• 원래 파일을 그대로 저장할 때(GIF, 바꿔도 작아지지 않은 이미지)는 파일 안에 든 정보(찍은 날짜·위치 등)도 함께 남습니다. 이 앱에는 그 정보만 골라 지우는 기능이 없습니다

원문에 들어가는 모양

본문에는 마크다운 표준 이미지 문법 한 줄이 들어갑니다. 설명 칸 ![회의 화이트보드|center|480] 바로 뒤에 괄호로 (attachments/0f3a9c2e7b1d4a58.webp)를 붙인 모양입니다.

• attachments/ 뒤의 이름은 넣을 때마다 새로 정합니다. 원래 파일 이름은 쓰지 않습니다
• 대괄호 안 첫 부분(회의 화이트보드)은 이미지 설명입니다. 끌어다 놓은 파일은 확장자를 뗀 파일 이름이, 붙여넣은 이미지는 이미지가 들어갑니다. 원문에서 직접 고쳐도 됩니다
• 설명 뒤 |center는 정렬입니다. left·center·right 가운데 하나이고, 넣을 때는 center입니다. 왼쪽 정렬이면 이 조각을 적지 않습니다
• 맨 뒤 |480은 화면에 보이는 폭(px)입니다. 처음 값은 이미지 원래 폭과 편집 영역 글 폭 가운데 작은 쪽입니다. 이 조각이 없으면 원래 크기까지 보입니다
• 설명 끝이 | 뒤 숫자나 정렬 이름이면 설명이 아니라 폭·정렬로 읽습니다
• 이 줄이 혼자 한 문단일 때만 이미지로 보입니다. 같은 줄이나 바로 아래 줄에 글이 붙거나 목록·인용 안에 들어가면, 편집 모드에서는 적은 글자 그대로, 보기 모드에서는 이미지: 설명 링크로 보입니다
• 예전에 넣은 이미지는 <div align="center"> 안에 <img src="attachments/…" alt="…" width="480">를 둔 HTML 세 줄로 들어 있습니다. 이 모양도 똑같이 이미지로 보이고 새 모양으로 바꾸지 않습니다. 정렬은 align, 폭은 width 값입니다. 다른 속성을 더하거나 줄을 합치거나 목록·인용 안에 넣으면 글자로 남습니다
• 편집 모드에서 커서가 이미지 줄(예전 모양은 세 줄) 안으로 들어가면 원문이 보입니다. 위 줄에서 ↓ 키로 내려오거나 이미지를 두 번 누르면 들어갑니다

정렬·크기 조절·삭제

편집 모드에서 이미지에 마우스를 올리면 이미지 안 오른쪽 위에 아이콘 버튼 네 개가 뜹니다. 버튼에 마우스를 올리면 이름이 보입니다.

• 폭은 이미지 가장자리의 막대 손잡이나 아래 모서리 손잡이를 끌어 바꿉니다. 끄는 동안 이미지 안에 480px처럼 폭이 보이고, 손을 떼면 원문의 폭 조각(예전 모양은 width)에 적힙니다. 높이는 비율을 따라가고, 편집 영역 글 폭보다 넓게는 늘어나지 않습니다
• 끄는 도중 Esc를 누르면 원래 폭으로 돌아갑니다. 끈 뒤에는 ←·→ 키로 폭을 조금씩 더 바꿀 수 있고, Shift를 같이 누르면 한 번에 더 많이 바뀝니다
• 이미지를 한 번 누르는 것으로는 커서가 움직이지 않습니다
• 보기 모드에서는 같은 정렬과 폭으로 보이고, 버튼과 손잡이는 없습니다

저장되는 곳과 한도

로그인하지 않았으면 이미지는 문서와 함께 이 브라우저에만 저장됩니다. 브라우저가 공간을 더 내주지 않으면 저장 공간이 부족해 이미지를 넣지 못했습니다.가 뜹니다.

로그인했으면 이 브라우저에 먼저 두고 서버로 올립니다. 다른 기기에서는 이미지를 처음 볼 때 서버에서 받아 그 브라우저에 둡니다. 연결이 끊긴 동안 넣거나 볼 때의 이야기는 오프라인과 동기화에 있습니다.

• 로그인한 계정의 이미지 저장 공간은 300MB입니다. 줄이고 바꾼 뒤의 크기로 셉니다
• 계정 메뉴를 열면 이미지 42MB / 300MB처럼 지금까지 쓴 양이 보입니다
• 연결된 상태에서 새 이미지가 공간을 넘기면 넣지 않고 이미지 저장 공간(300MB)이 가득 찼습니다. 문서에서 지운 이미지는 하루 뒤 정리됩니다.가 뜹니다
• 금고 문서에 넣은 이미지와, 다른 사람 문서에 편집 권한으로 넣은 이미지도 넣은 사람의 공간에 들어갑니다
• 이미지를 지우거나 문서를 지워도 쓴 양은 바로 줄지 않습니다. 아래 정리가 끝난 뒤에 줄어듭니다

지운 이미지가 정리되는 때

이미지 삭제를 누르거나 원문에서 이미지 줄을 지워도 이미지 파일은 곧바로 지우지 않습니다. 어느 문서의 원문에도 그 파일 이름이 없고, 넣은 지 24시간이 지난 이미지만 정리합니다. 지운 직후 되돌리거나 다른 문서로 잘라 붙이는 동안 파일이 사라지지 않게 하려고 둔 여유입니다.

• 로그인했으면 서버가 하루에 한 번 정리합니다. 이 브라우저에 둔 사본은 앱을 열 때 같은 기준으로 정리합니다
• 로그인하지 않았으면 앱을 열 때 정리합니다
• 문서를 지웠을 때도 같은 기준입니다. 그 문서만 쓰던 이미지는 그 뒤의 정리 때 사라집니다
• 이미지 줄을 복사해 내 다른 문서에 붙여넣으면 같은 파일을 함께 씁니다. 한 문서라도 그 줄을 가지고 있으면 지우지 않습니다
• 정리된 뒤에 실행 취소나 붙여넣기로 그 줄을 되살리면 그 자리에 이미지를 찾을 수 없습니다가 보입니다

공유하고 내보낼 때

내보낼 때 이 브라우저와 서버 어디에서도 찾지 못한 이미지는 빼거나 자리 표시로 넣고, 몇 개인지 알림으로 알려 줍니다.

인터넷 주소의 이미지와 금고 문서의 이미지

이 앱은 인터넷 주소에 있는 이미지를 받아 오지 않습니다. 같은 마크다운 이미지 문법이라도 괄호 안 주소가 attachments/ 파일이 아니라 인터넷 주소나 ./img/a.png 같은 다른 경로면 편집 모드에서는 적은 글자 그대로 보입니다. 보기 모드에서는 이미지: 설명 링크로 보이고, 누르면 새 탭에서 그 주소가 열립니다. attachments/가 아닌 주소를 쓴 HTML <img> 줄도 글자로 남습니다. 오프라인에서도 문서를 같은 모양으로 보여 주고, 문서를 열기만 해도 다른 서버에 요청이 가는 일을 막으려고 이렇게 합니다. 보여 주고 싶은 이미지는 파일로 받아 두었다가 끌어다 놓습니다.

금고 문서에 넣은 이미지는 암호화해서 저장하고, 금고 문서 안에서만 보입니다. 자세한 것은 금고로 문서 암호화하기에 있습니다. 터미널에서 이미지를 올리는 방법은 터미널에서 문서 읽고 쓰기에 있습니다.

정리

• 붙여넣거나 끌어다 놓아 넣고, 본문에는 attachments/ 파일을 가리키는 마크다운 이미지 문법 한 줄이 들어갑니다
• 고른 파일은 한 장에 20MB까지이고, 긴 변이 2,000px를 넘으면 줄여서 WebP로 두며, 그래도 5MB를 넘으면 넣지 않습니다
• 정렬과 삭제는 이미지 위 버튼으로, 폭은 손잡이를 끌어 바꿉니다
• 지운 이미지는 어느 문서도 쓰지 않고 넣은 지 24시간이 지나야 정리됩니다
• 로그인한 계정은 이미지 300MB까지이고, 쓴 양은 계정 메뉴에서 봅니다