지난주 팀 프로젝트 문서를 노션으로 옮기다가 막혔어요. 이미지를 넣으려는데 블록 종류가 너무 많아서 어디서부터 시작해야 할지 모르겠더라고요. 드래그 앤 드롭은 됐다 안 됐다 하고, 붙여넣기는 가끔 이상한 곳에 들어가고요.
알고 보니 노션에는 이미지를 추가하는 방법이 여러 가지예요. 상황에 맞는 방법을 알면 훨씬 빠르게 작업할 수 있죠. 오늘은 제가 삽질하며 배운 노하우를 정리해볼게요.
노션 이미지 블록, 제대로 알고 쓰기
노션에서 이미지를 다루는 기본은 '이미지 블록'이에요. 텍스트 블록, 체크박스 블록처럼 독립적인 하나의 콘텐츠 단위죠.
이미지 블록을 만드는 가장 간단한 방법은 /image를 입력하는 거예요. 슬래시(/)를 치면 블록 메뉴가 뜨는데, 거기서 'Image'를 선택하면 됩니다.
처음엔 저도 매번 마우스로 클릭했는데, 키보드로 /image 치고 엔터만 누르면 훨씬 빨라요. 손이 한 번 익으면 마우스 쓸 일이 거의 없어져요.
방법 1: 내 컴퓨터에서 이미지 업로드하기
가장 기본적인 방법이에요. 내 컴퓨터에 저장된 사진이나 스크린샷을 노션에 올리는 거죠.
/image를 입력하고 엔터를 누르면 팝업이 뜨는데, 기본적으로 'Upload' 탭이 열려 있어요.
'Upload file' 버튼을 클릭하세요
파일 탐색기가 열리면 원하는 이미지를 선택하세요
또는 이미지 파일을 드래그해서 노션 페이지에 바로 떨어뜨려도 돼요
중요한 팁: 노션 무료 플랜은 파일 하나당 최대 5MB까지만 업로드할 수 있어요. 스마트폰으로 찍은 고화질 사진은 이 용량을 넘을 때가 많죠.
저는 처음에 이걸 몰라서 "업로드 실패" 메시지를 계속 봤어요. 지금은 큰 이미지는 TinyPNG 같은 사이트에서 압축한 뒤 올려요. 화질은 거의 차이 없는데 용량은 절반 이하로 줄어들거든요.
방법 2: 웹 링크로 이미지 임베드하기
이미 인터넷 어딘가에 있는 이미지를 가져오는 방법이에요. 구글 드라이브, 클라우드 스토리지, 회사 서버 등에 올라간 이미지를 노션에 연결할 수 있죠.
이미지 블록을 만든 뒤 'Embed link' 탭을 클릭하세요.
이미지 URL을 복사하세요 (보통 이미지 우클릭 → '이미지 주소 복사')
텍스트 박스에 URL을 붙여넣으세요
'Embed image' 버튼을 클릭하세요
주의할 점: 링크가 공개(public) 상태여야 해요. 비공개 링크나 로그인이 필요한 이미지는 노션에서 깨져 보일 수 있어요.
처음엔 저도 링크 임베드가 복잡해 보였는데, 실제로는 복사-붙여넣기만 하면 되더라고요. 특히 구글 드라이브에 이미지를 모아두고 쓸 때 편해요. 용량 걱정 없이 원본 그대로 보여줄 수 있거든요.
방법 3: Unsplash에서 무료 이미지 가져오기
제가 가장 자주 쓰는 방법이에요. Unsplash는 고품질 무료 이미지를 제공하는 사이트인데, 노션에 바로 연동돼 있거든요.
이미지 블록을 만든 뒤 'Unsplash' 탭을 클릭하세요.
검색창에 키워드를 입력하세요 (영어로 검색하면 결과가 더 많아요)
마음에 드는 이미지를 클릭하면 바로 삽입돼요
예전엔 구글에서 이미지 검색해서 쓰다가 저작권 걱정했거든요. 블로그나 발표 자료에 쓸 이미지를 찾을 때마다 "이거 써도 되나?" 고민했어요.
Unsplash는 모든 이미지가 무료이고 상업적 용도로도 쓸 수 있어요. 출처 표시도 안 해도 되고요. 노션 안에서 바로 검색하고 넣을 수 있으니까 정말 편해졌죠.
검색 팁: 'workspace', 'team', 'laptop', 'coffee' 같은 키워드로 검색하면 블로그나 문서에 어울리는 깔끔한 이미지가 많이 나와요.
방법 4: GIF로 생동감 더하기
GIF는 움직이는 이미지예요. 튜토리얼이나 가이드 문서에서 "이렇게 클릭하세요"를 글로 설명하는 대신 GIF로 보여주면 훨씬 이해하기 쉽죠.
이미지 블록을 만든 뒤 'GIPHY' 탭을 클릭하세요.
키워드를 입력하세요 (영어 추천)
노션이 보여주는 GIF 중에서 선택하세요
GIF는 과하게 쓰면 페이지가 산만해 보여요. 저는 주로 단계별 설명이 필요한 곳에만 넣어요. 예를 들어 "버튼 클릭 → 메뉴 열림 → 옵션 선택" 같은 흐름을 보여줄 때요.
정적인 스크린샷 5장을 나열하는 것보다 GIF 하나가 훨씬 직관적이거든요.
이미지 편집과 배치, 이렇게 하세요
이미지를 추가했다면, 이제 보기 좋게 다듬어야죠. 노션은 기본적인 편집 기능을 제공해요.
이미지 크기 조정하기
이미지 위에 마우스를 올리면 테두리가 나타나요. 양 끝을 드래그하면 크기를 조절할 수 있어요.
또는 이미지를 클릭하고 우측 하단 모서리를 드래그하면 비율을 유지하면서 크기를 바꿀 수 있어요.
이미지 자르기 (크롭)
이미지에 마우스를 올리고 점 세 개(⋯) 아이콘을 클릭하세요. 메뉴에서 'Crop'을 선택하면 원하는 부분만 남길 수 있어요.
스크린샷에서 불필요한 부분을 잘라낼 때 유용해요. 따로 이미지 편집 프로그램 켤 필요 없이 노션 안에서 바로 처리되니까요.
이미지 위치 이동하기
이미지 위에 마우스를 올리면 왼쪽에 점 여섯 개(⋮⋮) 아이콘이 보여요. 이걸 드래그해서 페이지 내 다른 곳으로 옮길 수 있어요.
2단 레이아웃 만들기: 이미지를 드래그해서 텍스트 옆으로 가져가면 자동으로 2단 구조가 만들어져요. 이미지와 설명을 나란히 배치하고 싶을 때 쓰면 좋아요.
여기까지 따라오셨나요? 이제 이미지 추가는 문제없을 거예요. 마지막으로 고급 기능 하나만 더 알려드릴게요.
클릭 가능한 이미지 만들기
이미지를 클릭하면 다른 페이지로 이동하게 만들 수 있어요. 배너 이미지나 버튼 같은 걸 만들 때 유용하죠.
이미지에 마우스를 올리고 점 세 개(⋯) 아이콘을 클릭하세요
'Add link' 옵션을 선택하세요
URL을 붙여넣고 엔터를 누르세요
이제 이미지를 클릭하면 해당 링크로 이동해요. 노션 내부 페이지 링크를 걸 수도 있고, 외부 웹사이트 주소를 넣을 수도 있어요.
저는 팀 위키 첫 페이지에 각 프로젝트 이미지를 배치하고, 클릭하면 해당 프로젝트 페이지로 가게 만들었어요. 텍스트 링크보다 시각적으로 훨씬 직관적이더라고요.
자주 묻는 질문
노션에 사진을 저장해도 되나요?
기술적으로는 가능하지만, 추천하지 않아요.
노션 무료 플랜은 파일 하나당 5MB 제한이 있어요. 스마트폰으로 찍은 사진 한 장이 보통 3~8MB니까, 고화질 사진은 올릴 수 없어요.
게다가 노션은 기본적으로 공개 상태예요. 비공개 설정을 해도 링크를 아는 사람은 누구나 볼 수 있죠. 개인 사진이나 중요한 이미지는 구글 드라이브나 클라우드 스토리지에 저장하는 게 안전해요.
저는 한 번 프로젝트 이미지를 노션에만 저장했다가, 나중에 백업이 없어서 당황한 적 있어요. 그 뒤로는 원본은 항상 따로 보관하고, 노션에는 압축한 버전만 올려요.
노션 페이지 헤더에 이미지를 넣으려면?
페이지 제목 위에 마우스를 올리면 'Add cover' 버튼이 나타나요. 클릭하면 노션이 자동으로 커버 이미지를 추가해줘요.
마음에 안 들면 이미지 위에 마우스를 올리고 'Change cover'를 클릭하세요. 여기서도 4가지 방법 모두 쓸 수 있어요.
로컬 파일 업로드
Unsplash
링크 임베드
노션 기본 갤러리
노션 기본 갤러리에는 예쁜 이미지들이 꽤 많아요. 딱히 특별한 커버가 필요 없다면 여기서 골라도 충분해요.
이미지 옆에 텍스트를 넣고 싶어요
2단 레이아웃을 만들면 돼요.
페이지에 이미지를 추가하세요
이미지의 점 여섯 개(⋮⋮) 아이콘을 드래그해서 왼쪽이나 오른쪽으로 이동하세요
이미지 옆에 빈 공간이 생기면 거기에 텍스트를 입력하세요
또는 /column을 입력해서 2단 블록을 먼저 만들고, 한쪽에 이미지, 다른 쪽에 텍스트를 넣는 방법도 있어요.
이미지에 캡션을 달 수 있나요?
당연히 가능해요. 이미지에 마우스를 올리면 하단에 'Caption' 아이콘이 보여요. 클릭하면 텍스트 입력란이 나타나고, 거기에 설명을 쓰면 돼요.
캡션은 이미지 출처를 밝히거나, 간단한 설명을 덧붙일 때 유용해요. 특히 팀 문서에서 "이 데이터는 2024년 3월 기준입니다" 같은 맥락 정보를 추가할 때 많이 써요.
노션에 이미지 추가하는 방법, 생각보다 간단하죠? 처음엔 복잡해 보여도 몇 번 해보면 손에 익어요.
오늘부터 Unsplash로 이미지 검색해보세요. 무료인데 퀄리티 높은 사진이 정말 많거든요. GIF도 튜토리얼 문서에 한 번 넣어보고요. 반응이 확 달라질 거예요.
혹시 이미지 관련해서 막히는 부분 있으면 댓글로 알려주세요. 제가 삽질하며 배운 노하우 더 공유할게요.
