SharePoint 페이지에 그림 또는 이미지 파일 추가

SharePoint 2016, 2013 또는 2010 사이트에 이미지 추가

1. 이미지를 추가할 페이지로 이동 합니다.

2. 페이지 탭을 선택 합니다. 그런 다음 리본 메뉴에서 편집을 클릭 합니다.

3. 페이지에서 편집 가능한 영역 안을 클릭 합니다.

4. 삽입 탭을 선택 하 고 리본 메뉴의 미디어 그룹에서 그림을 클릭 합니다.

   

5. 다음과 같은 옵션이 표시 됩니다.

그림에 웹 링크 추가

페이지에 그림을 배치 하는 것이 좋지만 다른 페이지에 대 한 doorway 수 있습니다. 이미지를 라이브 링크로 만드는 방법은 다음과 같습니다.

1. 하이퍼링크를 추가 하려는 이미지가 있는 페이지로 이동 합니다.

2. 페이지 탭을 클릭 한 다음 편집을 클릭 합니다.

3. 을 클릭 하 고 링크를 만들 사진이 나 사진을 선택 합니다.

4. 리본 메뉴에서 삽입을 클릭 한 다음 링크를 클릭 합니다.

   

5. 하이퍼링크 추가 대화 상자에서 연결 하려는 웹 페이지, 사이트 또는 기타 미디어에 대 한 주소 를 입력 합니다. 시도를 클릭 하 여 링크를 테스트할 수 있습니다.

   

6. 확인을 클릭합니다.

페이지에서 그림 삭제

1. 페이지의 리본 메뉴에서 페이지 탭을 클릭한 다음 편집 명령을 클릭합니다.

   

   참고:  편집 명령을 사용할 수 없는 경우 페이지를 편집할 권한이 없을 수 있습니다.

2. 삭제 하려는 이미지를 선택 하 고 다음을 누릅니다. Delete 키 키를 누르는 것입니다.

맨 위로 이동

SharePoint 2007 페이지에 이미지 추가

라이브러리에서 이미지를 선택 하 여 페이지 이미지 필드 컨트롤이 있는 웹 페이지에 이미지를 추가할 수 있습니다. 라이브러리에 저장 된 이미지가 변경 되 면 해당 이미지를 사용 하는 페이지에서 자동으로 새 이미지를 사용 합니다.

HTML 편집기를 사용 하 여 페이지 콘텐츠 필드 컨트롤이 있는 웹 페이지에 이미지를 추가할 수도 있습니다. HTML 편집기를 사용 하 여 페이지 콘텐츠 필드 컨트롤에 이미지를 추가 하는 경우에도 라이브러리에 이미지가 저장 되므로 해당 이미지를 사용 하는 페이지에서 자동으로 새 이미지를 사용 합니다.

페이지에 이미지를 포함 하려는 경우 새 페이지를 만들 때 페이지 이미지 필드 컨트롤이 있는 페이지 레이아웃을 사용 하 여 페이지를 만들 수 있습니다.

페이지 이미지 필드 컨트롤이 포함 된 페이지 레이아웃

Microsoft Office SharePoint Server 2007 에 포함 된 다음 페이지 레이아웃에는 페이지 이미지 필드 컨트롤이 포함 됩니다.

• 왼쪽에 이미지가 있는 기사 페이지

• 이미지가 오른쪽에 있는 기사 페이지

• 인트라넷 홈

• 요약 링크가 있는 시작 페이지

• 목차가 있는 시작 페이지

• 시작 페이지

사이트에 페이지 이미지 필드 컨트롤이 포함 된 추가 페이지 레이아웃이 포함 될 수 있습니다.

맨 위로 이동

페이지 콘텐츠 필드 컨트롤이 포함 된 페이지 레이아웃

Office SharePoint Server 2007 에 포함 된 다음 페이지 레이아웃에는 페이지 콘텐츠 필드 컨트롤이 포함 됩니다.

• 인트라넷 홈

• 요약 링크가 있는 시작 페이지

• 목차가 있는 시작 페이지

사이트에 페이지 콘텐츠 필드 컨트롤이 포함 된 추가 페이지 레이아웃이 포함 될 수 있습니다.

맨 위로 이동

페이지 이미지 필드 컨트롤을 사용 하 여 이미지 추가

1. 이미지를 추가할 페이지로 이동한 다음 페이지 편집 도구 모음에서 페이지 편집 을 클릭 합니다.

   참고:  페이지 편집 도구 모음이 표시 되지 않으면 사이트 작업 메뉴에서 페이지 편집 도구 모음 표시를 클릭 합니다.

2. 페이지 이미지 필드 컨트롤에서 그림 편집을 클릭 합니다. 이미지 속성 편집 웹 페이지 대화 상자가 열립니다.

3. 이미지 속성 편집 웹 페이지 대화 상자의 일반 섹션에서 선택한 이미지 상자 옆에 있는 찾아보기 단추를 클릭 합니다. 이미지 라이브러리가 새 창에서 열립니다.

4. 사용할 이미지를 클릭 한 다음 확인을 클릭 합니다. 이미지 라이브러리를 닫지만 지금 선택한 이미지의 주소가 선택한 이미지 상자에 표시 됩니다.

5. 필요에 따라 나머지 이미지 속성을 설정할 수 있습니다.

   • 대체 텍스트      이미지를 간략하게 설명 하는 텍스트를 입력 합니다. 페이지 뷰어의 브라우저에 이미지가 표시 되지 않으면 이미지 대신이 텍스트가 표시 됩니다. 화면 읽기 프로그램을 통해서도 대체 텍스트를 읽을 수 있습니다.

   • 하이퍼링크      이미지는 선택적으로 하이퍼링크 역할을 할 수 있습니다. 이 상자에 원하는 하이퍼링크 대상을 입력 합니다. 찾아보기 단추를 사용 하 여 하이퍼링크의 대상을 찾을 수도 있습니다. 하이퍼링크가 새 브라우저 창에서 열리도록 하려면 새 창에서 링크 열기 확인란을 선택 합니다.

     레이아웃 섹션에서 다음 속성을 설정할 수 있습니다.

   • 맞추지      맞춤 목록에서 선택 하 여 필드 컨트롤 내에서 이미지의 위치를 변경할 수 있습니다. 페이지 이미지 필드 컨트롤이 이미지에 맞게 크기를 조정 하기 때문에이 옵션은 페이지 이미지 필드 컨트롤에 있는 이미지에서 사용할 때 눈에 띄는 효과를 주지 않습니다.

   • 테두리 두께      테두리 두께를 지정 하 여 이미지에 테두리를 제공할 수 있습니다. 테두리 두께는 픽셀 단위로 측정 됩니다.

   • 가로 간격      공간 크기에 대 한 값을 픽셀 단위로 지정 하 여 이미지 양쪽에 간격을 추가할 수 있습니다.

   • 세로 간격      공간 크기에 대 한 값을 픽셀 단위로 지정 하 여 이미지 위와 아래에 간격을 추가할 수 있습니다.

     크기 섹션에서 다음 속성을 설정할 수 있습니다.

   • 기본 이미지 크기 사용      이미지 파일의 속성에 지정 된 크기인 기본 크기로 이미지를 표시 하려면이 옵션을 선택 합니다.

   • 크기 지정      게시 된 페이지의 이미지 크기를 지정 하려면이 옵션을 선택 합니다. 이렇게 하면 이미지 파일의 크기 속성이 재정의 됩니다. 이 옵션을 선택 하는 경우 width 및 height 속성을 사용 하 여 이미지의 너비, 높이 또는 둘 다를 설정 해야 합니다.

   • 너비 (픽셀)      크기 지정을 선택 하는 경우 너비 (픽셀) 를 사용 하 여 이미지의 너비를 픽셀 단위로 지정 합니다.

   • Height (픽셀)      크기 지정을 선택 하는 경우 height (픽셀) 를 사용 하 여 이미지의 높이를 픽셀 단위로 지정 합니다.

   • 가로 세로 비율 유지      이 옵션을 사용 하 여 이미지의 너비와 높이의 비율을 유지할 수 있습니다. 이 옵션을 선택 하는 경우 이미지의 너비나 높이에 대해 선택한 값에 따라 원래 이미지 너비 및 높이의 비율을 기준으로 다른 차원의 값이 결정 되므로 이미지의 너비나 높이 중 하나만 설정할 수 있습니다.

맨 위로 이동

HTML 편집기를 사용 하 여 페이지 콘텐츠 필드 컨트롤에 이미지 추가

1. 이미지를 추가할 페이지로 이동한 다음 페이지 편집 도구 모음에서 페이지 편집 을 클릭 합니다.

   참고:  페이지 편집 도구 모음이 표시 되지 않으면 사이트 작업 메뉴에서 페이지 편집 도구 모음 표시를 클릭 합니다.

2. 페이지 콘텐츠 필드 컨트롤에서 콘텐츠 편집 을 클릭 하 여 HTML 편집기를 시작 합니다. HTML 편집기가 인라인으로 표시 되거나 웹 페이지 대화 상자에서 새 창에 나타날 수 있습니다.

3. 페이지 콘텐츠 필드 컨트롤에서 이미지를 추가 하려는 지점에 커서를 놓습니다.

4. HTML 편집기 도구 모음에서 이미지 삽입 도구 모음 단추를 클릭 합니다.

   바로 가기 키 이미지를 삽입 하려면 CTRL + SHIFT + G를 누릅니다.

   이미지 속성 편집 웹 페이지 대화 상자가 열립니다.

5. 이미지 속성 편집 웹 페이지 대화 상자의 일반 섹션에서 선택한 이미지 상자 옆에 있는 찾아보기 단추를 클릭 합니다. 이미지 라이브러리가 새 창에서 열립니다.

6. 사용할 이미지를 클릭 한 다음 확인을 클릭 합니다. 이미지 라이브러리를 닫지만 지금 선택한 이미지의 주소가 선택한 이미지 상자에 표시 됩니다.

7. 필요에 따라 나머지 이미지 속성을 설정할 수 있습니다.

   • 대체 텍스트      이미지를 간략하게 설명 하는 텍스트를 입력 합니다. 페이지 뷰어의 브라우저에 이미지가 표시 되지 않으면 이미지 대신이 텍스트가 표시 됩니다. 화면 읽기 프로그램을 통해서도 대체 텍스트를 읽을 수 있습니다.

   • 하이퍼링크      이미지는 선택적으로 하이퍼링크 역할을 할 수 있습니다. 이 상자에 원하는 하이퍼링크 대상을 입력 합니다. 찾아보기 단추를 사용 하 여 하이퍼링크의 대상을 찾을 수도 있습니다. 하이퍼링크가 새 브라우저 창에서 열리도록 하려면 새 창에서 링크 열기 확인란을 선택 합니다.

     레이아웃 섹션에서 다음 속성을 설정할 수 있습니다.

   • 맞추지      맞춤 목록에서 선택 하 여 필드 컨트롤 내에서 이미지의 위치를 변경할 수 있습니다.

   • 테두리 두께      테두리 두께를 지정 하 여 이미지에 테두리를 제공할 수 있습니다. 테두리 두께는 픽셀 단위로 측정 됩니다.

   • 가로 간격      공간 크기에 대 한 값을 픽셀 단위로 지정 하 여 이미지 양쪽에 간격을 추가할 수 있습니다.

   • 세로 간격      공간 크기에 대 한 값을 픽셀 단위로 지정 하 여 이미지 위와 아래에 간격을 추가할 수 있습니다.

     크기 섹션에서 다음 속성을 설정할 수 있습니다.

   • 기본 이미지 크기 사용      이미지 파일의 속성에 지정 된 크기인 기본 크기로 이미지를 표시 하려면이 옵션을 선택 합니다.

   • 크기 지정      게시 된 페이지의 이미지 크기를 지정 하려면이 옵션을 선택 합니다. 이렇게 하면 이미지 파일의 크기 속성이 재정의 됩니다. 이 옵션을 선택 하는 경우 width 및 height 속성을 사용 하 여 이미지의 너비, 높이 또는 둘 다를 설정 해야 합니다.

   • 너비 (픽셀)      크기 지정을 선택 하는 경우 너비 (픽셀) 를 사용 하 여 이미지의 너비를 픽셀 단위로 지정 합니다.

   • Height (픽셀)      크기 지정을 선택 하는 경우 height (픽셀) 를 사용 하 여 이미지의 높이를 픽셀 단위로 지정 합니다.

   • 가로 세로 비율 유지      이 옵션을 사용 하 여 이미지의 너비와 높이의 비율을 유지할 수 있습니다. 이 옵션을 선택 하는 경우 이미지의 너비나 높이에 대해 선택한 값에 따라 원래 이미지 너비와 높이의 비율을 기준으로 다른 차원의 값이 결정 되므로 이미지의 너비나 높이 중 하나만 설정할 수 있습니다.

     참고 사항: 

     • 이미지를 추가 하려는 페이지가 웹 파트 페이지 경우 이미지 웹 파트를 사용 하 여 이미지를 추가할 수 있습니다. 이미지 웹 파트를 사용 하는 방법에 대 한 자세한 내용은 이미지 웹 파트문서를 참조 하세요.

     • 페이지에 추가 하려는 이미지를 이미지 라이브러리에서 사용할 수 없는 경우 참가 권한이 있는 경우 추가할 수 있습니다. 라이브러리에 이미지 파일을 추가 하는 방법에 대 한 자세한 내용은 라이브러리에 하나 이상의 파일 추가문서를 참고 하세요.

맨 위로 이동