메타베이스 Metabse

[Metabase] 메타베이스 대시보드에 이미지 삽입하기

sseozytank 2024. 3. 8.

메타베이스 대시보드는 이미지 삽입이 가능하다. 크기 같은 것에 대한 제약이 좀 커서 활용성은 떨어지지만... 알아두면 대시보드에 BI 삽입 정도는 가능하다. DOCS 같은 것을 엄청 뒤져서 찾은 https://discourse.metabase.com/t/how-to-show-an-external-image-in-the-dashboard/2404/6 여기 rjdagner님의 댓글에 적힌 방법이다. 감사합니다 ! 

 

그럼 아래 귀여운 모코코 사진을 대시보드에 넣어보장 

 

뀨?

 

 

대시보드 생성 

1.메타베이스에서 대시보드를 생성한 후, EDIT 창으로 들어가기 

 

2.대시보드 내에 TEXT 상자를 만들어준다. 만들어주면 원하는 위치, 크기로 배치해준당.

 

이미지 가져오기

3.구글에서 다운받고 싶은 이미지의 이미지 주소를 복사해온다. 

- 이미지를 클릭해서 저렇게 띄운 뒤, 오른쪽 마우스 -> 이미지 주소 복사! 

그러면 이미지 주소인https://d3kxs6kpbh59hp.cloudfront.net/community/COMMUNITY/43662c02d676433aaffe0ed90f095bf2/39e7b52628b04b20859ee947943c736e_1649250821.png 을 긁어올 수 있다.

 

대시보드에 이미지 삽입

4.다시 메타베이스로 들어와서 아까 생성했던 TEXT 창에다가 

![이미지 타이틀](이미지 주소) <-  를 입력해주면 된다. 즉, 나의 경우 

![MOKOKO]( https://d3kxs6kpbh59hp.cloudfront.net/community/COMMUNITY/43662c02d676433aaffe0ed90f095bf2/39e7b52628b04b20859ee947943c736e_1649250821.png ) 를 입력해주는 것이당. 

귀여운 모코코가 내 대시보드 안으로!

이미지 타이틀은 아무렇게나 설정해주면 된다.

 

이미지 조절

5.크기 조절 

위에 보면 모코코가 짤려있다. 이미지 원 크기 대비 텍스트 칸이 적어서 그런데 ,넓혀주자. 크기는 그냥 드래그해서 넓혀주면 된다. 

왕크니까 왕귀엽다

 

6.위치 및 배경 투명화 

- 이미지 넣은 곳에 마우스를 올려보면 팔레트 표시를 볼 수 있다. 해당 표시를 누르면 이미지의 수직 / 수평 위치를 TOP - MIDDLE - LEFT 정도 조절할 수 있고, Show background 를 통해 배경을 투명화 시킬 수 있다. 

(근데 투명화 이미지를 갖고와도 이미지 자체 배경이 흰색으로 인식 되는 것 같긴하다..ㅠㅠ) 

 

끝 

대시보드 발행까지 해주면, 아주 귀여운 모코코가 내 대시보드 안으로 들어온 것을 확인 할 수 있당. 

댓글