워크시트에 웹 이미지를 동적으로 추가

Tableau에서 이미지는 데이터를 분석할 때 사용할 수 있는 강력한 도구 중 하나입니다. 월별 신발 매출을 보여주는 비주얼리제이션을 보고 있다고 상상해 보십시오. 이 데이터는 웨지보다 하이힐을 더 많이 팔았다는 것을 말해주지만 두 종류의 신발에 있는 차이점을 그려볼 수는 없습니다. 여기에서 이미지 역할이 등장합니다. 웹 이미지를 워크시트에 동적으로 추가하고 머리글에서 이를 사용하여 시각적 세부 정보를 추가할 수 있습니다.

신발 유형 및 매출과 함께 신발 이미지가 포함된 비주얼리제이션

데이터 원본 준비

웹 이미지를 가리키는 URL이 포함된 불연속형 차원 필드에 이미지 역할을 할당할 수 있습니다. 데이터를 준비하려면 이미지 필드가 Tableau에 의해 설정된 이미지 역할 할당 요구 사항을 충족하는지 확인합니다.

  • URL이 .png, .jpeg, .jpg, .svg, .webp, .jfif, .ico 또는 .gif 이미지 파일로 이동하는지 확인합니다.
  • 각 URL이 http 또는 https로 시작되는지 확인합니다. 전송 프로토콜이 포함되지 않은 경우 Tableau에서는 https를 전제로 합니다.
  • 데이터 집합에 사용된 이미지 수를 최적화합니다. 일반적으로 필드당 최대 500개의 이미지를 로드할 수 있습니다.
  • 각 이미지 파일이 200kb보다 작은지 확인합니다.

참고: Tableau 23.1 이하를 사용하는 경우 URL은 파일 확장명이 .jpg, .jpeg 또는 .png인 이미지 파일로 이동해야 합니다.

Tableau 23.2 이상에서는 .gif 파일이 지원되지만 .gif 애니메이션은 클라이언트 측 렌더링을 사용하는 Tableau Cloud 및 Tableau Server에만 표시됩니다. 서버 측 렌더링을 사용하는 Tableau Desktop 및 Tableau Server에서 .gif 파일은 정적 이미지로 표시됩니다.

비주얼리제이션의 복잡성에 따라 Tableau는 서버 쪽 렌더링으로 기본 설정될 수 있으며 이 경우 필드당 이미지 수가 100개로 제한됩니다. 복잡성 설정 및 서버 쪽 렌더링에 대해 자세히 알아보려면 클라이언트 쪽 렌더링 구성을 참조하십시오.

예제 데이터 집합:

제품 이름제품 이미지 URL제품 매출
플랫https://img.example.com/flats.png12,118
하이힐https://img.example.com/highheels.png15,865
런닝화https://img.example.com/runningshoes.png14,200
웨지https://img.example.com/wedges.png8,665

URL에 이미지 역할 할당

데이터 원본에 연결한 후에는 데이터 원본 페이지 또는 워크시트의 데이터 패널에서 이미지 역할을 URL에 할당할 수 있습니다.

데이터 원본 페이지에서:

  1. 이미지 URL이 있는 열을 찾습니다.
  2. 열 왼쪽 위의 아이콘을 오른쪽 클릭(Mac의 경우 Control 클릭)하고 이미지 역할 > URL을 선택합니다.
    아이콘이 이미지 아이콘으로 변경되고 이미지를 사용할 수 있게 됩니다.

    URL에 이미지 역할을 할당하는 데이터 원본 옵션

워크시트에서:

  1. 새 워크시트를 엽니다.
  2. 이미지 URL이 있는 불연속형 차원 필드를 찾습니다.
  3. 차원 필드를 오른쪽 단추로 클릭(Mac의 경우 Control 클릭)하고 이미지 역할 > URL을 선택합니다.
    아이콘이 이미지 아이콘으로 변경되고 이미지를 사용할 수 있게 됩니다.

    데이터에 이미지 역할을 할당하는 데이터 패널 옵션

비주얼리제이션에 이미지 추가

워크시트에서 이미지 역할 필드를 행 또는 열 선반으로 끌어옵니다. 이제 이미지와 관련 데이터가 비주얼리제이션에 표시됩니다.

비주얼리제이션 공유

이미지가 포함된 통합 문서를 내보내고 공유할 수 있습니다. 비주얼리제이션을 공유한 모든 사용자가 비주얼리제이션에 사용된 이미지를 볼 수 있는지 확인하십시오. 예를 들어 방화벽 뒤의 내부 서버에서 호스트되는 이미지를 사용하는 경우 비주얼리제이션을 공유한 모든 사용자에게 이미지 액세스에 충분한 사용 권한이 있는지 확인합니다. 이 예에서는 동일한 서버에 연결되어 있는 동안 비주얼리제이션을 보는 사용자가 아무 문제 없이 이미지를 볼 수 있습니다. 그러나 Tableau Cloud에서 pdf로 비주얼리제이션을 내보내는 사용자는 이미지를 보지 못할 수 있습니다.

통합 문서를 내보내는 경우 Viewer(뷰어)가 Tableau 2022.3 이하에서 통합 문서를 열려고 하면 이미지를 볼 수 없게 됩니다.

참고: 화면을 읽는 사용자와 다른 접근성 소프트웨어에서 콘텐츠에 액세스할 수 있도록 이미지 역할 필드와 텍스트 설명을 맞추는 것이 모범 사례입니다.

이미지 연결 문제 해결

필드당 허용된 이미지 수를 초과하는 경우 복잡한 비주얼리제이션에 큰 이미지 파일이 있는 경우 또는 휴대기기에서 비주얼리제이션을 보는 경우 경우에 따라 이미지가 표시되지 않습니다. 이 섹션은 이러한 오류를 해결하는 데 도움이 됩니다.

비주얼리제이션에 이미지가 전혀 표시되지 않음

비주얼리제이션에 이미지가 너무 많음

비주얼리제이션의 복잡성에 따라 일반적으로 필드당 500개의 이미지를 로드할 수 있습니다. 비주얼리제이션이 복잡한 경우 서버 쪽 렌더링으로 기본 설정될 수 있습니다. 서버 쪽 렌더링을 사용할 때는 필드당 100개의 이미지를 로드할 수 있습니다.

비주얼리제이션에 이미지가 너무 많다는 내용의 오류 메시지가 표시되면 이미지를 필터링하고 다시 시도하십시오.

Tableau에서 이미지에 액세스할 수 없음

이미지 대신 깨진 이미지 아이콘이 표시된 경우 먼저 이미지를 볼 권한이 충분한지 확인하십시오(그렇지 않고 예를 들어 방화벽 뒤에 있을 수 있음). Tableau에서 이미지에 액세스할 수 있어야 하고 이미지를 보기 위해 이미지에서 개별 인증을 요청할 수는 없습니다.

이미지를 볼 수 있는 권한이 있고 이미지가 크기 요구 사항 내에 있는 경우 설정 페이지에서 웹 이미지가 사용되도록 설정되어 있는지 확인합니다.

Tableau Desktop:

  1. 통합 문서의 툴바에서 도움말을 클릭합니다.
  2. 설정 및 성능 > 대시보드 웹 뷰 보안 설정을 선택합니다.
  3. 웹 페이지 개체 및 웹 이미지 사용이 선택되어 있는지 확인합니다.

Tableau Cloud:

  1. 홈페이지에서 설정을 클릭합니다.
  2. 일반에서 아래로 스크롤하여 웹 페이지 개체 및 웹 이미지 사용을 찾습니다.
  3. 웹 페이지 개체 및 웹 이미지 사용이 선택되어 있는지 확인합니다.

비주얼리제이션에 일부 이미지가 표시되지 않음

이미지 파일이 너무 큼

각 이미지 파일은 200kb보다 작아야 렌더링됩니다. 이미지 파일 크기를 확인하고 다시 시도하십시오.

이전 버전의 Tableau를 사용하고 있음

Tableau 23.1 이하를 사용하는 경우 .png, .jpeg 및 .jpg 이미지 파일만 지원됩니다. Tableau 버전을 업그레이드하거나 사용 중인 Tableau 버전에 대해 지원되는 파일 유형을 사용하십시오.

이미지 URL은 http 또는 https로 시작되어야 함

각 이미지 URL은 http 또는 https로 시작되어야 합니다. Tableau는 현재 FTP/SMTP 호출을 지원하지 않습니다. URL 형식을 확인하고 다시 시도하십시오.

이미지 파일은 URL이어야 함

이미지 역할은 .png, .jpeg 또는 .jpg, .svg, .webp, .jfif, .ico, .bmp 또는 .gif 이미지 파일로 이동하는 URL에만 할당할 수 있습니다. URL 형식을 확인하고 다시 시도하십시오.

이미지 파일 유형이 지원되지 않음

이미지 역할은 .png, .jpeg 또는 .jpg, .svg, .webp, .jfif, .ico, .bmp 또는 .gif 이미지 파일로 이동하는 URL에만 할당할 수 있습니다. URL 형식을 확인하고 다시 시도하십시오.

Tableau 23.1 이하를 사용하는 경우 .png, .jpeg 및 .jpg 이미지 파일만 지원됩니다. Tableau 버전을 업그레이드하거나 사용 중인 Tableau 버전에 대해 지원되는 파일 유형을 사용하십시오.
Tableau 23.2 이상에서는 .gif 파일이 지원되지만 .gif 애니메이션은 클라이언트 측 렌더링을 사용하는 Tableau Cloud 및 Tableau Server에만 표시됩니다. 서버 측 렌더링을 사용하는 Tableau Desktop 및 Tableau Server에서 .gif 파일은 정적 이미지로 표시됩니다.

이미지 파일에 잘못된 문자가 포함됨

다음 문자가 있는 URL에는 이미지 역할을 할당할 수 없습니다.

< > & \ ^ '

또는 다음 문자 시퀀스:

.. \\. \r \n \t

URL에 이러한 문자 또는 문자 시퀀스가 없는지 확인하고 다시 시도하십시오.

워크시트 외부에서 이미지가 표시되지 않음

도구 설명 비주얼리제이션에 이미지가 표시되지 않음

도구 설명 비주얼리제이션은 서버 쪽 렌더링을 통해 처리되므로 필드당 최대 100개의 이미지를 로드할 수 있습니다. 필드당 이미지 수가 100개 미만인지 확인하고 다시 시도하십시오.

서버 및 클라이언트 쪽 렌더링에 대한 자세한 내용은 클라이언트 쪽 렌더링 구성을 참조하십시오.

도구 설명의 비주얼리제이션에 대한 자세한 내용은 도구 설명 안에 뷰 만들기(도구 설명 비주얼리제이션)를 참조하십시오.

축소판의 뷰에 이미지가 표시되지 않음

뷰 축소판은 서버 쪽 렌더링을 통해 처리되므로 필드당 최대 100개의 이미지를 로드할 수 있습니다. 필드당 이미지 수가 100개 미만인지 확인하고 다시 시도하십시오.

서버 및 클라이언트 쪽 렌더링에 대한 자세한 내용은 클라이언트 쪽 렌더링 구성을 참조하십시오.

통합 문서를 내보낼 때 이미지가 표시되지 않음

모든 내보내기 및 내보내기 관련 기능은 서버 쪽 렌더링을 통해 처리되므로 필드당 최대 100개의 이미지를 로드할 수 있습니다. 필드당 이미지 수가 100개 미만인지 확인하고 다시 시도하십시오.

휴대기기에 이미지가 표시되지 않음

휴대기기는 복잡성 임계값이 컴퓨터보다 낮기 때문에 서버 쪽 렌더링을 통해 처리가 완료됩니다. 따라서 필드당 최대 100개의 이미지를 로드할 수 있습니다. 필드당 이미지 수가 100개 미만인지 확인하고 다시 시도하십시오.

휴대기기에서 복잡성 설정을 변경할 수 있습니다. 복잡성 임계값에 대한 자세한 내용은 컴퓨터 및 모바일 기기에 대한 복잡성 임계값 구성을 참조하십시오.

피드백을 제공해 주셔서 감사합니다!귀하의 피드백이 제출되었습니다. 감사합니다!