starred/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-05-30 23:40:40 +02:00
Code Issues 1.0k Packages Projects Releases 10 Wiki Activity

[Enhancement]: Higher resolution PWA app icon #1666

New Issue
Closed
opened 2026-04-24 23:54:02 +02:00 by adam · 7 comments
adam commented 2026-04-24 23:54:02 +02:00
Owner
Copy Link
Copy Source

Originally created by @ipcintron on GitHub (Jan 17, 2024).

Describe the feature/enhancement

The PWA icon for Audiobookshelf is low resolution compared to there PWAs. I would like to see that improved. Here is an example with other PWA apps:

IMG_86E9D7CACB4E-1

Originally created by @ipcintron on GitHub (Jan 17, 2024). ### Describe the feature/enhancement The PWA icon for Audiobookshelf is low resolution compared to there PWAs. I would like to see that improved. Here is an example with other PWA apps: ![IMG_86E9D7CACB4E-1](https://github.com/advplyr/audiobookshelf/assets/15165416/0a4340e6-86c1-4d28-8e07-dac73baf8de7)
adam added the enhancement label 2026-04-24 23:54:02 +02:00
adam closed this issue 2026-04-24 23:54:02 +02:00
adam commented 2026-04-24 23:54:03 +02:00
Author
Owner
Copy Link
Copy Source

@advplyr commented on GitHub (Jan 27, 2024):

I wasn't able to reproduce that but I was including 2 icons in the PWA manifest file. One of the icons was a 64x64 PNG which is probably the low quality one you are seeing, so I removed that.
I don't know why your device would choose the PNG over the SVG so if you feel like trying the edge docker image it would be curious to see if your device uses the SVG when it's the only one available.

@advplyr commented on GitHub (Jan 27, 2024): I wasn't able to reproduce that but I was including 2 icons in the PWA manifest file. One of the icons was a 64x64 PNG which is probably the low quality one you are seeing, so I removed that. I don't know why your device would choose the PNG over the SVG so if you feel like trying the `edge` docker image it would be curious to see if your device uses the SVG when it's the only one available.
adam commented 2026-04-24 23:54:04 +02:00
Author
Owner
Copy Link
Copy Source

@ipcintron commented on GitHub (Jan 28, 2024):

I used the edge image, erased the old PWA icon and tried re-adding it but I only got this "A" generic icon. I went back to the latest image and also added the PWA app back and took a side by side image. (This is on an iPhone 15 Pro Max).
image

@ipcintron commented on GitHub (Jan 28, 2024): I used the edge image, erased the old PWA icon and tried re-adding it but I only got this "A" generic icon. I went back to the latest image and also added the PWA app back and took a side by side image. (This is on an iPhone 15 Pro Max). ![image](https://github.com/advplyr/audiobookshelf/assets/15165416/1cdc4d4e-ae01-4016-8f0a-0b0ae862d74f)
adam commented 2026-04-24 23:54:05 +02:00
Author
Owner
Copy Link
Copy Source

@advplyr commented on GitHub (Jan 28, 2024):

Thanks for testing. iOS doesn't support SVG yet I guess. I added back in a PNG icon that is higher quality. Let me know how that goes if you update the edge container again.

@advplyr commented on GitHub (Jan 28, 2024): Thanks for testing. iOS doesn't support SVG yet I guess. I added back in a PNG icon that is higher quality. Let me know how that goes if you update the edge container again.
adam commented 2026-04-24 23:54:06 +02:00
Author
Owner
Copy Link
Copy Source

@ipcintron commented on GitHub (Jan 29, 2024):

That worked, thanks. Here is the old and new icon side by side:

image

@ipcintron commented on GitHub (Jan 29, 2024): That worked, thanks. Here is the old and new icon side by side: ![image](https://github.com/advplyr/audiobookshelf/assets/15165416/2d399337-7688-4c2e-85cf-4c56aec40bb6)
adam commented 2026-04-24 23:54:07 +02:00
Author
Owner
Copy Link
Copy Source

@sevenlayercookie commented on GitHub (Feb 15, 2024):

Using the edge release, icon resolution much improved on PWA. However, and this is nitpicky, I don't love the black ring around the edge. Can the PWA be made to use the same icon as the iOS app? Screenshot for reference.
image

@sevenlayercookie commented on GitHub (Feb 15, 2024): Using the edge release, icon resolution much improved on PWA. However, and this is nitpicky, I don't love the black ring around the edge. Can the PWA be made to use the same icon as the iOS app? Screenshot for reference. ![image](https://github.com/advplyr/audiobookshelf/assets/15989705/a699559c-d086-4a25-8305-375e7adf5ca7)
adam commented 2026-04-24 23:54:08 +02:00
Author
Owner
Copy Link
Copy Source

@ipcintron commented on GitHub (Feb 16, 2024):

@sevenlayercookie I agree with you. I use a black background so I did not notice this. I replaced the PWA icon with the one from the app.

image

@ipcintron commented on GitHub (Feb 16, 2024): @sevenlayercookie I agree with you. I use a black background so I did not notice this. I replaced the PWA icon with the one from the app. ![image](https://github.com/advplyr/audiobookshelf/assets/15165416/09380742-a948-4257-a8fe-9753ee45afe6)
adam commented 2026-04-24 23:54:08 +02:00
Author
Owner
Copy Link
Copy Source

@advplyr commented on GitHub (Feb 20, 2024):

Added in v2.8.0

@advplyr commented on GitHub (Feb 20, 2024): Added in [v2.8.0](https://github.com/advplyr/audiobookshelf/releases/tag/v2.8.0)
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
authentication
backlog
bug
chapter editor
config-issue
ebooks
encoding/embedding
enhancement
help wanted
listening sessions & progress
planned
possible plugin
progress sync
pull-request
Mirrored from GitHub Pull Request
 sorting/filtering/searching
unable to reproduce
upload
users & permissions
waiting
No Label enhancement
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
adam (Adam Melkus)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/audiobookshelf#1666
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?