firebase auth의 User 클래스에서 얻을 수 있는 Twitter 아이콘 이미지의 크기에 대해

망설임

Firebase Auth에서 Twitter 인증을 할 때 firebase.UserInfo.photoURL에서 얻을 수있는 아이콘 이미지의 해상도가 48x48로 낮아서 곤란했습니다.

photoURL에 포함된 URL 문자열의 예:
htps : // 아 bs. 그리고 ㎃ mg. 이 m/s치 CKY/로 보는 lt_p로후ぃぇ_이마게 s/로 보는 lt_p로후ぇ_의 r마l. pg

이 URL에서 얻을 수 있는 이미지 크기:


html5의 캔버스에 합성하고 사용하고 싶었기 때문에 더 고화질의 것을 원했습니다.

곤란했을 때의 공식 문서

"By modifying the URL,"라고 있었으므로, 문서에 있는 규칙대로 스스로 URL을 재기록해 액세스하면 좋다고 판단했습니다.

대응책

TypeScript(JavaScript)의 string에 준비된 replace 메소드로 "normal" 의 부분을 옮겨놓습니다.

78x78(bigger)

user.photoURL.replace("normal", "bigger");

htps : // 아 bs. 그리고 ㎃ mg. 이 m/s치 CKY/로 푹신한 lt_p로후ぃぇ_눈꺼풀 s/로 푹 푹신다 lt_p로후ぇぇ_핏 r. pg

24x24(mini)

user.photoURL.replace("normal", "mini");

htps : // 아 bs. 그리고 ㎃ mg. 이 m/s치 CKY/로 보이는 lt_p로후ぃぇ_눈꺼풀 s/로 보는 lt_p로후ぇ_미니. pg

original size

user.photoURL.replace("_normal", "");

htps : // 아 bs. 그리고 ㎃ mg. 이 m/s치 CKY/로 보는 lt_p로후ぃぇ_눈꺼풀 s/로 보는 lt_p로후ぇぇ. pg

200x200

공식 문서에는 없습니다만, 공식 웹 클라이언트 의 프로필 화면에 표시되는 아이콘의 img 태그가 src 지정하고 있었습니다.

user.photoURL.replace("normal", "200x200");

htps : // 아 bs. 그리고 ㎃ mg. 이 m / s chiki /로 푹신한 lt_p 로후 ぇ_ 볶음 s / 로 푹 끓는 LT_p 로후 ぇ_200x200. pg

400x400

이쪽도 공식 문서에는 기재가 없는 것 같습니다. 그러나 공식 웹 클라이언트 의 프로필 화면에 표시되는 아이콘을 탭하여 표시되는 확대 아이콘의 img 태그가 src 지정되었습니다.

user.photoURL.replace("normal", "400x400");

htps : // 아 bs. 그리고 ㎃ mg. 이 m/s 치키/로 보이는 lt_p로후ぃぇ_눈썹 s/로 보는 lt_p로후ぇ_400x400. pg

요약

original size라면 사용자가 어떤 이미지를 등록하고 있는지에 따라 해상도가 달라질 수 있습니다. 어쩌면.
200x200이나 400x400의 사이즈 고정을 할 수 있으면 canvas상에서 이용하는 것도 편하네요.