사용 방법
이미지를 불러온 뒤 드래그해 링크 영역을 만드세요. 위치는 퍼센트로 저장되어 이미지 크기가 바뀌어도 영역이 유지됩니다. 영역을 선택해 크기를 조절하고, URL·alt·title을 입력한 뒤 HTML/CSS를 복사하거나 CSS를 별도 파일로 저장하세요.
팁
- 클릭 영역이 분명한 이미지가 좋습니다. 영역은 사각형입니다.
- alt는 화면 읽기 프로그램용, title은 마우스를 올렸을 때 도움말입니다.
- 배포 전 PC와 모바일 너비에서 확인하세요.
- 빠르게 붙여넣을 때는 인라인, 사이트 CSS가 덮어쓸 수 있으면 클래스 방식을 쓰세요.
자주 묻는 질문
이미지가 서버로 전송되나요?
아니요. 이미지와 편집 내용은 브라우저 안에서만 처리됩니다. beancuit이나 다른 곳으로 전송하지 않습니다.
어떤 이미지에 쓸 수 있나요?
배너, 상품 이미지, 안내 이미지처럼 클릭할 영역이 있는 이미지에 잘 맞습니다. 위치를 퍼센트로 저장하므로 이미지 크기가 바뀌어도 영역이 함께 따라갑니다.
생성한 코드는 어떻게 쓰나요?
HTML과 CSS를 복사해 사이트에 붙여넣거나, HTML / CSS 분리를 골라 CSS를 별도 파일로 저장하세요.
인라인과 클래스 방식의 차이는?
인라인은 별도 CSS 없이 바로 붙여넣을 수 있습니다. 클래스 방식은 난수 부모 클래스를 써서 사이트 CSS와 충돌할 가능성을 줄입니다.