디자인 수정하기

이미지 바꾸기

템플릿에 있는 기본 이미지 대신, 내 브랜드에 어울리는 이미지로 바꾸는 방법을 알려드릴게요.

이미지는 말 없이 감정을 전달해요

글보다 먼저 눈에 들어오는 게 이미지예요.

사진 하나만 바꿔도 사이트의 분위기는 크게 달라져요.

이제 내 브랜드에 어울리는 이미지로 바꿔볼게요.


1. 이미지 바꾸기

  1. 아임웹 로그인 > 내 사이트 > 관리 > 디자인 모드

  2. 변경할 이미지 위젯 마우스 우클릭 → 이미지 설정 클릭

  3. 준비한 이미지 업로드하기

  4. 쿨릭하면 바로 적용

  5. 오른쪽 상단 게시하기 왼쪽 '미리보기' 아이콘 클릭하여 변경 내용 확인이 가능

  6. 변경 내용 확인 후 오른쪽 상단 '게시하기' 버튼 클릭하여 적용




이미지 설정 옵션 설명


1) 이미지 채우기

이미지를 그리드 영역에 빈틈 없이 꽉 차게 보여줍니다.

이 옵션을 끄면, 이미지가 잘리지 않고 원본 비율 그대로 보여져요.

정사각형 그리드에 가로로 긴 이미지가 있다면, 잘림 없이 맞춰줄 때 유용해요.


2) 라이트박스

이미지를 클릭하면, 화면 전체에 크게 확대해서 보여줘요.

배경은 어두워지고 이미지에만 집중할 수 있게 됩니다.

참고: 이미지에 링크가 설정돼 있다면 라이트박스는 작동하지 않아요.


3) 원형 이미지

이미지가 어떤 비율이든 무조건 정원 형태로 변합니다.

사람 얼굴이나 로고를 강조할 때 자주 쓰여요.


4) 흑백 이미지

이미지를 흑백 필터로 바꿔서 보여줘요.

갤러리 느낌을 주거나, 감성적인 분위기를 만들고 싶을 때 유용해요.


5) 선명하게

이미지의 선명도를 높여줘요.

해상도가 낮은 이미지라면 오히려 부자연스러워 보일 수 있으니

적용할 땐 꼭 미리보기로 체크해 보세요.


6) 높이/높이 고정

이미지의 세로 길이(높이)를 지정할 수 있어요.

‘이미지 채우기’를 켠 상태에서 이 옵션을 함께 설정하면,

기기에 상관없이 지정된 높이로 보여줍니다.


7) 설명

이미지 아래나 위에 짧은 문장를 보여줄 수 있어요.

위에 겹쳐서도, 아래에 따로 표시할 수도 있어요.


8) 음영

이미지 위에 색을 덮어주는 기능이에요.

텍스트가 잘 보이게 하거나 분위기를 바꾸고 싶을 때 사용해요.


9) 링크

이미지를 클릭했을 때 이동할 페이지나 외부 주소를 연결할 수 있어요.


사이트에 내 이미지가 들어가면

그때부터 진짜 내 브랜드가 시작돼요.

다음은 페이지 추가하기로 이어집니다.

이미지는 말 없이 감정을 전달해요

글보다 먼저 눈에 들어오는 게 이미지예요.

사진 하나만 바꿔도 사이트의 분위기는 크게 달라져요.

이제 내 브랜드에 어울리는 이미지로 바꿔볼게요.


1. 이미지 바꾸기

  1. 아임웹 로그인 > 내 사이트 > 관리 > 디자인 모드

  2. 변경할 이미지 위젯 마우스 우클릭 → 이미지 설정 클릭

  3. 준비한 이미지 업로드하기

  4. 쿨릭하면 바로 적용

  5. 오른쪽 상단 게시하기 왼쪽 '미리보기' 아이콘 클릭하여 변경 내용 확인이 가능

  6. 변경 내용 확인 후 오른쪽 상단 '게시하기' 버튼 클릭하여 적용




이미지 설정 옵션 설명


1) 이미지 채우기

이미지를 그리드 영역에 빈틈 없이 꽉 차게 보여줍니다.

이 옵션을 끄면, 이미지가 잘리지 않고 원본 비율 그대로 보여져요.

정사각형 그리드에 가로로 긴 이미지가 있다면, 잘림 없이 맞춰줄 때 유용해요.


2) 라이트박스

이미지를 클릭하면, 화면 전체에 크게 확대해서 보여줘요.

배경은 어두워지고 이미지에만 집중할 수 있게 됩니다.

참고: 이미지에 링크가 설정돼 있다면 라이트박스는 작동하지 않아요.


3) 원형 이미지

이미지가 어떤 비율이든 무조건 정원 형태로 변합니다.

사람 얼굴이나 로고를 강조할 때 자주 쓰여요.


4) 흑백 이미지

이미지를 흑백 필터로 바꿔서 보여줘요.

갤러리 느낌을 주거나, 감성적인 분위기를 만들고 싶을 때 유용해요.


5) 선명하게

이미지의 선명도를 높여줘요.

해상도가 낮은 이미지라면 오히려 부자연스러워 보일 수 있으니

적용할 땐 꼭 미리보기로 체크해 보세요.


6) 높이/높이 고정

이미지의 세로 길이(높이)를 지정할 수 있어요.

‘이미지 채우기’를 켠 상태에서 이 옵션을 함께 설정하면,

기기에 상관없이 지정된 높이로 보여줍니다.


7) 설명

이미지 아래나 위에 짧은 문장를 보여줄 수 있어요.

위에 겹쳐서도, 아래에 따로 표시할 수도 있어요.


8) 음영

이미지 위에 색을 덮어주는 기능이에요.

텍스트가 잘 보이게 하거나 분위기를 바꾸고 싶을 때 사용해요.


9) 링크

이미지를 클릭했을 때 이동할 페이지나 외부 주소를 연결할 수 있어요.


사이트에 내 이미지가 들어가면

그때부터 진짜 내 브랜드가 시작돼요.

다음은 페이지 추가하기로 이어집니다.

이미지는 말 없이 감정을 전달해요

글보다 먼저 눈에 들어오는 게 이미지예요.

사진 하나만 바꿔도 사이트의 분위기는 크게 달라져요.

이제 내 브랜드에 어울리는 이미지로 바꿔볼게요.


1. 이미지 바꾸기

  1. 아임웹 로그인 > 내 사이트 > 관리 > 디자인 모드

  2. 변경할 이미지 위젯 마우스 우클릭 → 이미지 설정 클릭

  3. 준비한 이미지 업로드하기

  4. 쿨릭하면 바로 적용

  5. 오른쪽 상단 게시하기 왼쪽 '미리보기' 아이콘 클릭하여 변경 내용 확인이 가능

  6. 변경 내용 확인 후 오른쪽 상단 '게시하기' 버튼 클릭하여 적용




이미지 설정 옵션 설명


1) 이미지 채우기

이미지를 그리드 영역에 빈틈 없이 꽉 차게 보여줍니다.

이 옵션을 끄면, 이미지가 잘리지 않고 원본 비율 그대로 보여져요.

정사각형 그리드에 가로로 긴 이미지가 있다면, 잘림 없이 맞춰줄 때 유용해요.


2) 라이트박스

이미지를 클릭하면, 화면 전체에 크게 확대해서 보여줘요.

배경은 어두워지고 이미지에만 집중할 수 있게 됩니다.

참고: 이미지에 링크가 설정돼 있다면 라이트박스는 작동하지 않아요.


3) 원형 이미지

이미지가 어떤 비율이든 무조건 정원 형태로 변합니다.

사람 얼굴이나 로고를 강조할 때 자주 쓰여요.


4) 흑백 이미지

이미지를 흑백 필터로 바꿔서 보여줘요.

갤러리 느낌을 주거나, 감성적인 분위기를 만들고 싶을 때 유용해요.


5) 선명하게

이미지의 선명도를 높여줘요.

해상도가 낮은 이미지라면 오히려 부자연스러워 보일 수 있으니

적용할 땐 꼭 미리보기로 체크해 보세요.


6) 높이/높이 고정

이미지의 세로 길이(높이)를 지정할 수 있어요.

‘이미지 채우기’를 켠 상태에서 이 옵션을 함께 설정하면,

기기에 상관없이 지정된 높이로 보여줍니다.


7) 설명

이미지 아래나 위에 짧은 문장를 보여줄 수 있어요.

위에 겹쳐서도, 아래에 따로 표시할 수도 있어요.


8) 음영

이미지 위에 색을 덮어주는 기능이에요.

텍스트가 잘 보이게 하거나 분위기를 바꾸고 싶을 때 사용해요.


9) 링크

이미지를 클릭했을 때 이동할 페이지나 외부 주소를 연결할 수 있어요.


사이트에 내 이미지가 들어가면

그때부터 진짜 내 브랜드가 시작돼요.

다음은 페이지 추가하기로 이어집니다.

바로 문의하기

바로 문의하기

바로 문의하기