내 웹사이트를 예쁜 사진과 이미지로 꾸미고 싶으신가요?
이 글을 읽고 나면, 내 컴퓨터에 있는 사진을 웹사이트에 멋지게 표시하는 방법을 완벽하게 알게 될 거예요!
🤔 잠깐, 왜 내 컴퓨터 사진이 웹페이지에 안 보일까요?
가장 먼저 알아야 할 중요한 사실이 있어요.
웹페이지는 인터넷에 있는 것만 보여줄 수 있어요.
내 컴퓨터(C 드라이브, 바탕화면 등)에 있는 사진은 나만 볼 수 있는 '개인 앨범'과 같아요. 다른 사람들에게 보여주려면, 사진을 '인터넷이라는 공개 갤러리'에 올려서 고유한 인터넷 주소(URL) 를 만들어줘야 합니다.
- 내 컴퓨터 속 사진: ❌ 다른 사람이 볼 수 없음
- 인터넷에 올라간 사진: ✅ 고유한 주소(URL)가 있어서 누구나 볼 수 있음
🖼️ 이미지를 보여주는 태그: <img>
이미지의 주소(URL)가 준비되었다면,
웹페이지에 이미지를 표시할 때는 <img> 라는 HTML 태그를 사용합니다.
<img src="여기에 이미지의 인터넷 주소(URL)" alt="이 이미지를 설명하는 글">이 코드는 두 가지 중요한 정보를 담고 있어요.
src(Source, 출처): 이미지의 인터넷 주소(URL) 를 적는 곳이에요. "이 주소에 있는 사진을 가져와" 라는 명령이죠.alt(Alternative Text, 대체 텍스트): 이미지가 깨지거나, 사용자가 이미지를 볼 수 없을 때 대신 표시되는 설명 글이에요. "개발자 3인방"처럼 간단하게 적어주면 됩니다. (검색엔진도 이 글을 참고해서 아주 중요해요!)
예시:
<img src="https://i.esdrop.com/d/f/bh8rwl3bwU/Ka035nV5DJ.png" alt="개발자 3인방">결과:
🚀 내 사진을 인터넷에 올리는 방법: Essedrop
"알겠어요! 그럼 내 사진의 인터넷 주소(URL)는 어떻게 만들죠?"
바로 이때 사용하는 것이 Essedrop 입니다. Essedrop은 Essepage 사용자를 위해 만들어진 전용 이미지 저장소입니다.
Essedrop 사용법: 정말 쉬워요!
- Essedrop 사이트에 가입하고 로그인하세요.
- 내 컴퓨터에 있는 이미지 파일을 마우스로 끌어서 Essedrop 화면에 놓으세요. (드래그 앤 드롭)
- 업로드가 끝나면, 업로드된 이미지를 클릭하세요. 그러면 URL이 복사됩니다.
- 복사한 URL을
<img>태그의src="..."따옴표 안에 붙여넣으면 끝!
더 자세한 사용법은 아래 링크에서 영상으로 확인할 수 있어요.
⭐ 다른 서비스도 많은데 왜 Essedrop을 써야 하나요?
"구글에 '무료 이미지 호스팅' 검색하면 많이 나오던데요?"
맞아요. 하지만 대부분의 무료 서비스에는 치명적인 문제가 있습니다. 바로 언제 이미지가 사라질지 모른다는 점이에요.
어느 날 갑자기 내 웹사이트에 예쁘게 넣어둔 이미지가 모두 '엑박(깨진 이미지)' 으로 변할 수 있어요. 왜냐하면, 그 서비스들이 정책을 바꿔서 "이제 다른 사이트에서는 우리 이미지를 못 쓰게 하겠다!"라고 막아버릴 수 있기 때문이죠. 서비스를 운영하는 데는 비용이 드니까요.
하지만 Essedrop은 Essepage와 한 팀입니다. Essepage 웹사이트에서 이미지가 안정적으로 계속 보이도록 만들어진 공식 서비스입니다.
내 소중한 웹사이트의 이미지가 사라지지 않게 하려면, 믿을 수 있는 Essedrop을 사용하는 것이 가장 좋습니다.
⚠️ 주의사항: Essedrop에 올린 이미지는 Essepage로 만든 웹사이트에서만 정상적으로 보여요!
하지만 Essedrop 외에도 다양한 이미지 호스팅 서비스가 있습니다. 여러 서비스를 비교해 보고, 자신에게 맞는 것을 선택해 보시기 바랍니다.
📝 정리
- 웹사이트에 이미지를 넣으려면, 먼저 인터넷 주소(URL) 가 필요하다.
- Essedrop에 이미지를 업로드하면 고유한 인터넷 주소를 쉽게 만들 수 있다.
<img>태그의src부분에 복사한 이미지 주소를 붙여넣는다.alt에는 이미지를 설명하는 글을 꼭 적어준다.
이제 여러분도 웹사이트 곳곳을 멋진 이미지로 채울 수 있습니다!
