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

이미지는 말 없이 감정을 전달해요
글보다 먼저 눈에 들어오는 게 이미지예요.
사진 하나만 바꿔도 사이트의 분위기는 크게 달라져요.
이제 내 브랜드에 어울리는 이미지로 바꿔볼게요.
1. 이미지 바꾸기
아임웹 로그인 > 내 사이트 > 관리 > 디자인 모드
변경할 이미지 위젯 마우스 우클릭 → 이미지 설정 클릭
준비한 이미지 업로드하기
쿨릭하면 바로 적용
오른쪽 상단 게시하기 왼쪽 '미리보기' 아이콘 클릭하여 변경 내용 확인이 가능
변경 내용 확인 후 오른쪽 상단 '게시하기' 버튼 클릭하여 적용
이미지 설정 옵션 설명
1) 이미지 채우기
이미지를 그리드 영역에 빈틈 없이 꽉 차게 보여줍니다.
이 옵션을 끄면, 이미지가 잘리지 않고 원본 비율 그대로 보여져요.
정사각형 그리드에 가로로 긴 이미지가 있다면, 잘림 없이 맞춰줄 때 유용해요.
2) 라이트박스
이미지를 클릭하면, 화면 전체에 크게 확대해서 보여줘요.
배경은 어두워지고 이미지에만 집중할 수 있게 됩니다.
참고: 이미지에 링크가 설정돼 있다면 라이트박스는 작동하지 않아요.
3) 원형 이미지
이미지가 어떤 비율이든 무조건 정원 형태로 변합니다.
사람 얼굴이나 로고를 강조할 때 자주 쓰여요.
4) 흑백 이미지
이미지를 흑백 필터로 바꿔서 보여줘요.
갤러리 느낌을 주거나, 감성적인 분위기를 만들고 싶을 때 유용해요.
5) 선명하게
이미지의 선명도를 높여줘요.
해상도가 낮은 이미지라면 오히려 부자연스러워 보일 수 있으니
적용할 땐 꼭 미리보기로 체크해 보세요.
6) 높이/높이 고정
이미지의 세로 길이(높이)를 지정할 수 있어요.
‘이미지 채우기’를 켠 상태에서 이 옵션을 함께 설정하면,
기기에 상관없이 지정된 높이로 보여줍니다.
7) 설명
이미지 아래나 위에 짧은 문장를 보여줄 수 있어요.
위에 겹쳐서도, 아래에 따로 표시할 수도 있어요.
8) 음영
이미지 위에 색을 덮어주는 기능이에요.
텍스트가 잘 보이게 하거나 분위기를 바꾸고 싶을 때 사용해요.
9) 링크
이미지를 클릭했을 때 이동할 페이지나 외부 주소를 연결할 수 있어요.
사이트에 내 이미지가 들어가면
그때부터 진짜 내 브랜드가 시작돼요.
다음은 페이지 추가하기로 이어집니다.

이미지는 말 없이 감정을 전달해요
글보다 먼저 눈에 들어오는 게 이미지예요.
사진 하나만 바꿔도 사이트의 분위기는 크게 달라져요.
이제 내 브랜드에 어울리는 이미지로 바꿔볼게요.
1. 이미지 바꾸기
아임웹 로그인 > 내 사이트 > 관리 > 디자인 모드
변경할 이미지 위젯 마우스 우클릭 → 이미지 설정 클릭
준비한 이미지 업로드하기
쿨릭하면 바로 적용
오른쪽 상단 게시하기 왼쪽 '미리보기' 아이콘 클릭하여 변경 내용 확인이 가능
변경 내용 확인 후 오른쪽 상단 '게시하기' 버튼 클릭하여 적용
이미지 설정 옵션 설명
1) 이미지 채우기
이미지를 그리드 영역에 빈틈 없이 꽉 차게 보여줍니다.
이 옵션을 끄면, 이미지가 잘리지 않고 원본 비율 그대로 보여져요.
정사각형 그리드에 가로로 긴 이미지가 있다면, 잘림 없이 맞춰줄 때 유용해요.
2) 라이트박스
이미지를 클릭하면, 화면 전체에 크게 확대해서 보여줘요.
배경은 어두워지고 이미지에만 집중할 수 있게 됩니다.
참고: 이미지에 링크가 설정돼 있다면 라이트박스는 작동하지 않아요.
3) 원형 이미지
이미지가 어떤 비율이든 무조건 정원 형태로 변합니다.
사람 얼굴이나 로고를 강조할 때 자주 쓰여요.
4) 흑백 이미지
이미지를 흑백 필터로 바꿔서 보여줘요.
갤러리 느낌을 주거나, 감성적인 분위기를 만들고 싶을 때 유용해요.
5) 선명하게
이미지의 선명도를 높여줘요.
해상도가 낮은 이미지라면 오히려 부자연스러워 보일 수 있으니
적용할 땐 꼭 미리보기로 체크해 보세요.
6) 높이/높이 고정
이미지의 세로 길이(높이)를 지정할 수 있어요.
‘이미지 채우기’를 켠 상태에서 이 옵션을 함께 설정하면,
기기에 상관없이 지정된 높이로 보여줍니다.
7) 설명
이미지 아래나 위에 짧은 문장를 보여줄 수 있어요.
위에 겹쳐서도, 아래에 따로 표시할 수도 있어요.
8) 음영
이미지 위에 색을 덮어주는 기능이에요.
텍스트가 잘 보이게 하거나 분위기를 바꾸고 싶을 때 사용해요.
9) 링크
이미지를 클릭했을 때 이동할 페이지나 외부 주소를 연결할 수 있어요.
사이트에 내 이미지가 들어가면
그때부터 진짜 내 브랜드가 시작돼요.
다음은 페이지 추가하기로 이어집니다.

이미지는 말 없이 감정을 전달해요
글보다 먼저 눈에 들어오는 게 이미지예요.
사진 하나만 바꿔도 사이트의 분위기는 크게 달라져요.
이제 내 브랜드에 어울리는 이미지로 바꿔볼게요.
1. 이미지 바꾸기
아임웹 로그인 > 내 사이트 > 관리 > 디자인 모드
변경할 이미지 위젯 마우스 우클릭 → 이미지 설정 클릭
준비한 이미지 업로드하기
쿨릭하면 바로 적용
오른쪽 상단 게시하기 왼쪽 '미리보기' 아이콘 클릭하여 변경 내용 확인이 가능
변경 내용 확인 후 오른쪽 상단 '게시하기' 버튼 클릭하여 적용
이미지 설정 옵션 설명
1) 이미지 채우기
이미지를 그리드 영역에 빈틈 없이 꽉 차게 보여줍니다.
이 옵션을 끄면, 이미지가 잘리지 않고 원본 비율 그대로 보여져요.
정사각형 그리드에 가로로 긴 이미지가 있다면, 잘림 없이 맞춰줄 때 유용해요.
2) 라이트박스
이미지를 클릭하면, 화면 전체에 크게 확대해서 보여줘요.
배경은 어두워지고 이미지에만 집중할 수 있게 됩니다.
참고: 이미지에 링크가 설정돼 있다면 라이트박스는 작동하지 않아요.
3) 원형 이미지
이미지가 어떤 비율이든 무조건 정원 형태로 변합니다.
사람 얼굴이나 로고를 강조할 때 자주 쓰여요.
4) 흑백 이미지
이미지를 흑백 필터로 바꿔서 보여줘요.
갤러리 느낌을 주거나, 감성적인 분위기를 만들고 싶을 때 유용해요.
5) 선명하게
이미지의 선명도를 높여줘요.
해상도가 낮은 이미지라면 오히려 부자연스러워 보일 수 있으니
적용할 땐 꼭 미리보기로 체크해 보세요.
6) 높이/높이 고정
이미지의 세로 길이(높이)를 지정할 수 있어요.
‘이미지 채우기’를 켠 상태에서 이 옵션을 함께 설정하면,
기기에 상관없이 지정된 높이로 보여줍니다.
7) 설명
이미지 아래나 위에 짧은 문장를 보여줄 수 있어요.
위에 겹쳐서도, 아래에 따로 표시할 수도 있어요.
8) 음영
이미지 위에 색을 덮어주는 기능이에요.
텍스트가 잘 보이게 하거나 분위기를 바꾸고 싶을 때 사용해요.
9) 링크
이미지를 클릭했을 때 이동할 페이지나 외부 주소를 연결할 수 있어요.
사이트에 내 이미지가 들어가면
그때부터 진짜 내 브랜드가 시작돼요.
다음은 페이지 추가하기로 이어집니다.
다른 문의가 있으신가요? 지금 바로 문의주세요
다른 문의가 있으신가요?