ionic-team / capacitor-assets

Local Capacitor icon/splash screen resource generation tool
MIT License
509 stars 100 forks source link

Android splash screen looks distorted on Samsung S9 #547

Open savageqm opened 1 year ago

savageqm commented 1 year ago

Currently, my splash screen is being distorted when I test on a Samsung S9 with the following spec below:

Samsung S9 Dimensions 5.8 INCH 5.81 x 2.70 x 0.33 INCH Samsung S9 Resolution 1440 x 2960 PX ~ 570 PIXELS PER INCH Samsung S9 Viewport 360 x 740 PX ~ 143 PIXELS PER INCH

What i'm experiencing is that the image is being squeeze and instead of my logo looking round it's looking oval. Anything I can do to improved this?

My setup is Android SDK : 10 "@capacitor/assets": "^2.0.4", "@capacitor/android": "^5.0.0", "@ionic/react": "^6.0.0",

hembachrterran commented 1 year ago

The new Android API expect an 1:1 ratio image for splash screen (icon). This plugin generates different image sizes for splash from the image you provide and fill the background with a color. So Android will disort your image to fit in a 1:1 box. I do not recomment this, but an ASAP solution could be, if you change the generated sizes in: node_modules\@capacitor\assets\dist\platforms\android\assets.js height and width have to match inside the rule.

hodirt commented 1 year ago

same issue here. Would be great to have ot fixed

reed-lawrence commented 7 months ago

This is still an issue in March 2024. This repo is starting to look like abandon-ware lol.

dliebner commented 3 months ago

How can we fix this?