Search
🖼️

이미지의 링크 생성하기

<head> <link rel="stylesheet" href="https://src.notion-tools.com/css/header.css"> <link rel="stylesheet" href="https://src.notion-tools.com/css/footer.css"></head><body><div class="header-divver"> <div id="header"> <div id="top-title"> <a class="top-nav-btn-div" href="/"><div class="top-nav-btn">Notion Tools</div></a> </div> <div id="top-nav"> <a class="top-nav-btn-div" style="margin-right: 10px;" href="/pages"><div class="top-nav-btn">페이지 갤러리</div></a> <a class="top-nav-btn-div" href="/templates"><div class="top-nav-btn">템플릿 갤러리</div></a> <a class="top-nav-btn-div top-nav-btn-selected" style="margin-left: 10px;" href="/embeds"><div class="top-nav-btn">임베트 & 툴즈</div></a> </div> </div></div><div class="footer"> <div class="footer-divver"> <div class="footer-left"> <div class="footer-left-title"> <img src="https://src.notion-tools.com/img/logo.png" alt="logo"> <div>Notion Tools</div> </div> <div class="footer-left-text">노션을 더욱 다양하게, 더욱 활용성 있게 돕는<br>서드파티 웹사이트입니다.</div> <div class="footer-left-text">ⓒ 2021. Notion tools all rights reserved</div> <div class="footer-left-link"><a href="/rules">이용약관</a></div> <div class="footer-left-link"><a href="/privacy">개인정보처리방침</a></div> </div> <div class="footer-right"> <div class="footer-right-category"> <div class="footer-right-item-title">링크</div> <a class="footer-right-item" href="/">메인화면</a> <a class="footer-right-item" href="/pages">페이지 갤러리</a> <a class="footer-right-item" href="/template">템플릿 갤러리</a> <a class="footer-right-item" href="/embeds">임베드 & 툴즈</a> <a class="footer-right-item" href="/updates">업데이트 소식</a> </div> <div class="footer-right-category"> <div class="footer-right-item-title">개발자</div> <a class="footer-right-item" href="https://hyuns.me">개발자 웹사이트</a> <a class="footer-right-item" href="https://github.com/HyunsDev">깃허브</a> </div> <div class="footer-right-category"> <div class="footer-right-item-title">커뮤니티</div> <a class="footer-right-item" href="https://discord.gg/YsNCNhk">디스코드</a> <a class="footer-right-item" href="https://www.facebook.com/NotionTools">페이스북</a> <a class="footer-right-item" href="https://open.kakao.com/o/gxOsEAxc">카카오톡 오픈채팅방</a> </div> <div class="footer-right-category"> <div class="footer-right-item-title">지원</div> <a class="footer-right-item" href="/help">도움말</a> <a class="footer-right-item" href="mailto:admin@notion-tools.com">admin@notion-tools.com</a> </div> </div> </div></div></body>
HTML
Notion Tools의 이미지링크를 만들려면 원본 이미지 링크가 반드시 필요합니다. 원본 이미지 링크를 구하는 방법에는 크게 두 가지가 있어요.

인터넷에 있는 이미지 찾기

우리는 그 첫 방법으로 인터넷에 있는 이미지를 사용할 수 있어요.
방법은 정말 간단해요. 원하는 이미지를 우클릭하고 이미지 주소 복사를 눌러주세요.
가끔 몇몇의 이미지는 이 방법이 안될 수 있어요. 그렇경우 이미지를 다운로드 받고 아래 방법을 따라주세요

이미지 호스팅 이용하기

이미지가 인터넷에 올라와 있는 것이 아니라 파일로 가지고 있다면 어떻게 해야할까요?
바로 이미지 호스팅 서비스를 이용하면 됩니다.
우리는 그중에서도 https://imgbb.com/를 하겠습니다.
1.
업로드 하기 버튼을 눌러 이미지를 업로드 해주세요.
2. 자동 이미지 삭제자동 삭제를 하지 않음 으로 하고 업로드 버튼을 눌러주세요
3. 퍼가기에서 다이렉트 링크를 클릭하고 아래 링크를 복사해주시면 됩니다!
웹사이트에 로그인을 하지 않은 상태에서는 "다이렉트 링크" 옵션이 뜨지 않아요. 로그인 후 진행해주세요!
1.
퍼가기를 HTML 원본 이미지 링크 로 설정
2.