이미지 요소(Image)

이미지가 사이트제작의 절반이라고 해도 과언이 아닙니다.

좋은 이미지 하나 업로드 한다고 할 수도 있지만 어떻게 업로드하는가에 따라

이미지 및 사이트 전체 속도를 좌우 할 수 있습니다.

주요 이미지 메뉴는

1. 이미지 업로드

2. 지연로드

3. 라이트박스에서 열기

이며

사이드메뉴로 필터/마스크가 주요 기능입니다.

이미지 업로드는 특별한 것은 없고 이미지 자체 크기가 내가 정한 영역 내의 크기보다 크다면

팝업창에서 보이는 파란 점을 찍어 내가 어느 부분을 보여줄지 정할 수 있습니다.

그리고 라이트 박스라고 되어 있는데 이 부분을 활성화 하면 이미지를 클릭했을때

해당 이미지만 팝업 형식으로 새로운 레이어가 창에 뜩는 방식으로

보여주는 기능을 구현해야 될때 사용합니다.

업로드한 이미지가 주변 배경색이나 이미지간의 색상이 맞지 않는 경우,

제작자가 이미지의 다른 느낌을 주고 싶을 때 간단하게 필터를 이용해 이미지 톤을 변경할 수 있습니다.

기본적으로 메뉴를 보면 색상이나 버튼 색상 메뉴가 탭으로 구성된 것들이 있는데

이미지의 경우 각각에 탭에 이미지를 업로드 할 수 있으며 점을 손가락 모양이 가리키고 있는 탭은

마우스가 호버 기능이 가능하다는 것으로 이미지를 추가 업로드 할 수 있습니다.

그래서 마우스를 이미지 위로 올리면 추가로 올릴 이미지가 나타나도록 구현이 가능합니다.

이미지 마스크를 선택하는 경우는 테두리가 사각형 이미지가 아닌

마스크 모양으로 이미지 테두리로 만들고 싶을때 사용합니다.

원이나 지우개로 지운것 같은 모양을 선택하면 좀 더 디자인적으로

보는 사람에게 더 세련된 느낌의 웹사이트라는 느낌을 줄 수 있지만

잘못 선택하면 오히려 촌스러울 수 있으니 조심히 사용합니다.

이미지 요소와 폰트 요소 그리고 행,열 요소가 요소 중에 가장 많이 사용하는 요소입니다.

이 4가지 요소만 잘 사용하더라도 좋은 결과의 사이트 제작 뿐만 아니라

제작 속도도 빠르게 늘릴 수 있습니다.