안드로이드 앱 아이콘 배경이 불투명함

안녕하세요,

아마 금방 해결될 문제일 텐데, 아무리 찾아봐도 원인을 알 수가 없습니다.

정확히 언제부터인지 모르겠지만, 반년 전쯤부터 포럼 앱 아이콘을 홈 화면에 추가할 때 뭔가 바뀌었다고 생각합니다.

브랜딩 섹션의 모든 아이콘과 빈ьет(Vignette) 등에는 투명한 배경이 적용되어 있습니다.

그런데 홈 화면에 아이콘을 추가하면 로고 자체와 동일한 색상의 불투명 배경이 생성되어, 결국 같은 색상의 단일 불투명 영역으로만 보입니다. 테마에서 해당 색상을 어떤 방식으로 선택하는 것 같습니다.

부수적인 문제이지만 이것도 중요합니다: 아이콘이 자주 홈 화면에서 사라져서 계속 다시 추가하고 있습니다. 아마 업그레이드 이후에 발생하는 것 같은데, 다음에 확인해 보겠습니다.

저는 안드로이드에서 Firefox를 사용 중입니다. 추가 정보가 필요하시면 말씀해 주세요.

감사합니다,

Koen

매니페스트 아이콘에 사용 중인 파일 형식은 무엇인가요?

확인해 주셔서 감사합니다. PNG 파일입니다.

처음 시작할 때보다 로고를 업로드할 수 있는 옵션이 훨씬 많아진 것 같습니다. 대부분은 비어 있으며, 이전에 업로드한 로고를 참조하도록 설정되어 있습니다. 참고해 주세요.

아, 그렇다면 /admin/site_settings/category/branding?filter=manifest%20icon 페이지로 가서 512x512 크기의 새 PNG 파일을 업로드해 주시겠어요?

그 후 Firefox Android에서 홈 화면에 사이트를 다시 추가해 보세요.

Falco님,

해봐서 안 됐어요. 자세히 보면 로고는 보이는데, 투명 대신 단색 배경으로 표시됩니다. 이미지는 확실히 투명해요.

다른 아이디어가 있을까요? 여기 브랜드 설정 페이지입니다.

다시 한번 감사드립니다!

또한 네비게이션 링크에 사용되는 색상 팔레트의 네 번째 색상을 이미지의 배경으로 사용한다고 추측됩니다.

Firefox Fenix의 Android PWA 아이콘 처리에 관한 문제들이 여러 건 있습니다. AFAIK(제가 아는 한) 해당 작업을 담당했던 사람들이 Mozilla을 떠났기 때문에, 지난 몇 년간 이 부분에 대한 큰 수정이 이루어지지 않았습니다.

Firefox 로직에 맞춰 manifest icon에서 투명도를 제거하는 방법을 시도해 볼 수 있지만, 이 경우 Android Chrome의 PWA 아이콘에도 영향을 미칩니다.

크롬으로 시도해 보았어야 했는데. 다시 답장 주셔서 다시 한번 감사드립니다.

재미있는 점은 크롬이 배경을 흰색으로 만든다는 거예요. 투명하게도 안 되고요.

아마 흰색 배경의 매니페스트 아이콘을 사용해서 어떻게 되는지 확인해 볼 것 같아요.

감사합니다!

Koen