노션에서 이미지를 넣는 방법을 정리했습니다.
업로드, 드래그 앤 드롭, 임베드, Unplash, 링크, 모바일까지 쉽게 따라 해보세요
노션(Notion)은 글쓰기와 정리만 아니라 이미지 삽입도 정말 다양하게 할 수 있습니다.
예를 들어, 내 컴퓨터에서 직접 올리는 노션 이미지 업로드, 폴더에서 바로 끌어다 놓는 드래그 앤 드롭 이미지, 웹 주소를 붙여 넣는 임베드 이미지 링크, 고화질 무료 사진을 제공하는 Unplash 이미지 삽입까지 지원합니다.
또한 노션에서는 GIF 넣는 법, 이미지 크기 조절, 캡션 달기, 갤러리 썸네일 변경, 아이콘 커버 구분, 링크 미리보기와 이미지 비교, 모바일 사진 첨부 등 세세한 기능도 제공합니다.
그래서 노션에서 이미지를 삽입할 수 있는 모든 경로를 정리해 보려고 합니다.
노션 이미지 삽입의 모든 경로
노션 이미지 업로드 방법
/image 입력 > Image 블록 선택 > Upload > 파일 선택
JPG, PNG, WEBP 파일 모두 가능
최대 파일 크기는 약 5MB 이하가 적당합니다.
드래그 앤 드롭 이미지
마우스로 이미지를 끌어다 놓기만 하면 됩니다.
자동으로 이미지 블록이 생성되어 빠르게 배치할 수 있습니다.
여러 장을 동시에 넣으면 한 줄로 배열되며, 나중에 열 분할로 수정할 수 있습니다.
/embed > Embed link 선택
외부 URL(예: 이미지 주소)을 붙여 넣으면 자동으로 표시됩니다.
웹의 원본이 바뀌면 자동으로 최신 상태를 반영합니다.
주의 사항은 사이트가 삭제되면 이미지가 깨질 수 있습니다.
노션에서는 Unplash 무료 사진 검색 기능이 있습니다.
/image > Unplash > 키워드 입력 > 삽입
저작권 걱정 없이 상업적 사용도 가능합니다.
이 외에 추가적으로 몇 가지 더 알아보도록 하겠습니다.
GIF 추가
움짤이라고 불리는 GIF도 이미지처럼 업로드 할 수 있습니다.
단 파일의 크기가 10MB 이상이면 페이지가 버벅일 수 있습니다.
EZGIF 사이트로 용량을 줄여 업로드 하면 좋습니다.
웹 이미지 주소 붙여넣기
이미지 주소를 복사해 노션에 붙이면 자동으로 표시됩니다.
브라우저에서 "이미지 주소 복사" 후 노션에 붙여넣기(Ctrl + V) 하면 됩니다.
이미지 크기 조절 & 정렬
모서리를 드래그하면 크기 조절 가능
블록을 옆으로 끌면 2~3열 배치 가능
캡션 추가는 "Add caption" 클릭
아이콘 커버와 이미지 차이
아이콘: 제목 왼쪽의 작은 심볼
커버: 페이지 맨 위의 큰 배너
이미지 블록: 보문 중간 사진
데이터베이스 갤러리 썸네일 설정
갤러리 보기에서 첫 번째 이미지가 자동 썸네일로 지정됩니다.
변경하려면 카드 열기 > Cover > 이미지 선택
모바일에서 사진 첨부하기
모바일 앱 > + > Image > 카메라 촬영 or 앨범 선택
WiFi 환경에서 업로드 하면 데이터 절약에 좋습니다.
실무 활용 & 관리 팁
포트폴리오용
업로드 방식으로 이미지 유지 안정성 확보
Unsplash 이미지로 시각 완성도 향상
이미지 크기를 1000px로 통일하면 깔끔하게 정리 가능
협업 문서용
팀 내부 공유 시 임베드 링크 사용을 추천합니다.
공유 범위가 제한된 이미지는 업로드 방식 사용을 추천드립니다.
파일 용량을 줄이는건 문서 속도를 향상 시키는 데 좋습니다.
품질 유지 & 관리
이미지 용량 줄이기(JPG 85%, WEBP 변환)
저작권 확인(Unsplash는 안전)
파일 이름 정리(프로젝트명 + 날짜)
- 노션 이미지 삽입 방법은 몇 가지인가요?
- 업로드, 드래그 앤 드롭, 임베드 Unsplash, 붙여넣기까지 총 다섯개입니다.
- 모두 클릭으로 가능하며, 초보자도 금방 익혀서 사용할 수 있습니다.
- 노션 사진 업로드 쉬운 법이 있을까요?
- /image 명령어를 입력하고 Upload를 누르면 됩니다.
- 파일 탐색기를 열 필요가 없어 간단합니다.
- 드래그 앤 드롭 이미지가 안 들어갈 때는 어떻게 할까요?
- 파일을 데스크톱으로 옮겨서 다시 시도하거나 브라우저를 새로고침 해야 합니다.
- 노션 임베드 이미지 링크는 언제 쓸까요?
- 웹 이미지가 자주 바뀌는 경우에 좋습니다.
- 자동으로 최신 버전을 불러옵니다.
- Unsplash 무료 사진은 상업용으로 써도 될까요?
- 저작권 걱정 없이 가능합니다.
- 노션이 자동으로 출처를 표시해 줍니다.
- 노션 GIF 넣는 법을 알려주세요
- 일반 이미지처럼 업로드하거나 드래그 하면 됩니다.
- 단, 용량을 줄이는게 좋습니다.
- 웹 이미지 주소 붙여넣기는 어떻게 해요?
- "이미지 주소 복사" 후 노션에 Ctrl + V로 붙이면 바로 들어갑니다.
- 이미지 크기 조절은 가능한가요?
- 모서리 마우스로 드래그하면 됩니다.
- 원하는 크기로 쉽게 맞출 수 있습니다.
- 노션 이미지 캡션 달기도 가능한가요?
- 이미지 아래 설명을 넣는 기능도 가능합니다.
- 출처나 의미를 적어두기에 좋습니다.
- 페이지 커버 이미지 변경은 어떻게 하나요?
- 페이지 상단의 "Change Cover"를 클릭하면 원하는 이미지로 바꿀 수 있습니다.
- 갤러리 썸네일을 직접 고를 수 있을까요?
- 가능합니다. 카드 열기 > Cover 선택 > 원하는 이미지 지정하면 됩니다.
- 모바일에서 사진 첨부 시 용량이 큰데 괜찮을까요?
- 가능합니다만 Wifi 환경에서 올리는 걸 추천해 드립니다.
- 아이콘/커버 차이가 뭘까요?
- 아이콘은 작은 그림, 커버는 큰 배너 이미지입니다.
- 노션 링크 미리보기 vs 이미지 차이점은 뭘까요?
- 링크 미리보기는 카드 형태, 이미지는 사진만 표시됩니다.
- 노션 이미지 정렬, 레이아웃은 어떻게 바꿀까요?
- 블록을 옆으로 드래그하면 2열, 3열 구조로 바꿀 수 있습니다.
- 노션 파일 용량 줄이기는 어떻게 하나요?
- 이미지 압축 사이트 (TinyJPG, Squoosh)로 용량을 줄인 뒤 업로드 하면 됩니다.
- 이미지를 외부 호스팅으로 불러올 수 있을까요?
- 가능합니다. /embed 명령으로 URL을 불러오면 됩니다.
- 노션 이미지 다운로드 방법은 뭘까요?
- 이미지를 클릭 > Download 선택하면 저장됩니다.
- 노션 이미지 권한/공유 주의점은 있을까요?
- 임베드 링크는 원본 사이트 권한에 따라 보이지 않을 수 있습니다.
- 노션 팀 문서에서 이미지 규칙을 정해야 할까요?
- 통일된 크기, 출처 표기 규칙을 정하면 헙업 품질이 높아집니다.
노션 이미지 삽입은 단순한 "사진 추가"가 아니라, 업로드, 드래그, 임베드, Unsplash, GIF, 링크 삽입 등 여러 방법을 조합할 수 있는 강력한 기능입니다.
각 방법의 장단점을 이해하면, 블로그와 팀 문서 그리고 포트폴리오 어디서든 효율적으로 사용할 수 있습니다.
노션에서 원하는 이미지를 자유롭게 배치하고 한 층 완성도 높은 페이지를 만들어보세요
추가로 궁금하신 내용이 있으시면 하단의 링크를 참고해주세요
감사합니다.
[Notion] 노션 문서 PDF로 저장하는 방법
[Notion] 노션 다크모드 설정 방법
[Notion] 노션 단축키 10가지로 작업 속도 2배 올리기
