Stretched images on iOS 13 with iPAD pro landscape

[ganySA]

Hi

I am getting stretched images for splash on IOS ipad pro in landscape mode - i have tried multiple input formats.

What should i use as input (size and file type) ?

[onderceylan]

Hi @ganySA, can you please paste the generated image and the command that you execute here?

[fabianhinz]

Hi,
This might be a problem related to iPadOS as all necessary files are generated.
I tried various solutions from a thread here but nothing seemed to work, always got the same results as @ganySA. The first comment of this answer tipped me off.
So probably out of scope for this tool 😞- @onderceylan any thoughts on this?
Tested on iPad 6th gen with OS version 13.3.

[onderceylan]

Hi @fabianhinz @ganySA,

I tested the behavior on iOS 13.0 landscape orientation and it indeed stretches the portrait image on landscape and it doesn't respect the image provided in landscape orientation anymore. Resulting with the following display:

This is not the case on iOS 12 and earlier, so launch images on landscape mode on iOS 12 looks as expected:

I submitted this issue to Apple Feedback Assistant - https://feedbackassistant.apple.com providing all the details and I hope it gets attention from their side. It looks like our hands are tied until a resolution is provided by Apple.

I'll keep this bug open as a reminder to implement any future changes that might come from Apple side.

[fchristant]

Thanks for reporting this to Apple. Took me a long time to find out about this issue.
Effectively, to me it means that all iPad splash screens are best removed, because most users are on iOS13 and most people launch iPad web apps in landscape mode.

I first tried a middle ground approach, to supply specific portrait mode images only (orientation: portrait), and then to accept that landscape will have none. Not even this strategy works, it will also pick it up in landscape mode. It looks like orientation as a whole is ignored in iOS13.

[onderceylan]

Just checked the issue again, it didn't get any reaction since it's opened on Dec 30, 2019. That's just, sad.

If anybody is willing to submit this issue to Apple like I did, that would create more voice and hopefully help.

Here's a template for creating an issue on Apple feedback assistant - https://feedbackassistant.apple.com/;

Basic Information
Please provide a descriptive title for your feedback:
Launch images of Safari website bookmarks do not match on iPadOS with iOS 13.0

Which area are you seeing an issue with?
Safari

What type of feedback are you reporting?
Incorrect/Unexpected Behavior

Details
What does the Safari issue you are seeing involve?
Bookmarks

Please provide the URL to one or more websites where you are seeing this problem:
localhost

Does this issue relate to Siri Suggestions?
No

What extensions or content blockers do you have enabled? Examples: Ghostery, Ublock origin
None

Were you able to capture a screen recording of the issue occurring? If so, please attach it to this feedback report.
Yes

Description

Please describe the issue and what steps we can take to reproduce it:
After iPadOS is introduced with iOS 13.0, the behavior to display launch images on website bookmarks has been changed.

The following code works on iPad Pro (11 inch) iOS 12.0 with landscape orientation but not on iPad Pro (11 inch) iOS 13.0 with landscape orientation.

It looks like mobile safari on iOS 13.0 doesn't respect to landscape launch image anymore and it shows the portrait launch image with a stretched display, can be seen on the attached landscape-ios-13.png screenshot. As you can see from the attached screenshots, this was not an issue on iOS 12.0.

You can test this issue by extracting website.zip file to a folder and serving the folder over a web server, then add the website URL as a bookmark to the home screen.

Attachments required for the feedback is listed above;

website.zip
landscape-ios-13
portrait-ios-13
landscape-ios-12
portrait-ios-12

[jensmeindertsma]

This is still an issue. Is there any roadmap on which version of iOS will fix this? I've tried only supplying portrait splashscreens but the stretching is still present. I've also noticed the user needs to re-install the app after switching themes in the settings for the light/dark mode splashscreen to be used.

[fchristant]

Apple doesn't share roadmaps. I would not expect that they fix this one. Hopefully, one day they support Web Manifest, which is the proper place for launch icons.

[onderceylan]

This is still an issue as of iOS 13.4. Please submit an issue to https://feedbackassistant.apple.com/ with the template and the files attached on this PR.

[Quethzel]

I have the same issue in iOS 13.4, I submitted an issue using the same description as you made and a video that I recorded showing the behavior, also I send a firebase URL to they can check it out and test it. I hope answer fast.

Thanks for your help @onderceylan

[onderceylan]

Thanks for submitting an issue @Quethzel! The more voice we have the sooner we get a reaction and hopefully a fix on iPad OS for this problem.

[onderceylan]

This is still an issue as of iOS 13.5.

Please submit an issue to https://feedbackassistant.apple.com/ with the template and the files attached on this PR.

[MarkB700]

I tested today on iPadOS 13.6.1. Showed stretched image still. I'm thinking they may have fixed it in iPadOS 14. Maybe someone has a Beta version of iPadOS 14 they can test with?

[MarkB700]

iPadOS 13.7 showed stretched images when installed today. I submitted feedback to Apple.

[MarkB700]

iPadOS 14 showed stretched images when installed today.

[MarkB700]

iPadOS 14.1 showed stretched images when installed today.

[MGDproductions]

still an issue on ipados 14.2

[MGDproductions]

why tf aren't they fixing that

[MarkB700]

still an issue on ipados 14.2

I'd suggest https://feedbackassistant.apple.com/ if not submitted already.

[MarkB700]

BTW, has anyone tested on iPads apart from iPad Pro 11-inch landscape?

[rubenaguadoc]

Yesterday I almost lost my mind trying to solve this, before I found this thread.
I want to share what I found so at least I can feel it worth the time.
I know this doesn't solve anything, but at least we can have a better understanding of why this doesn't work.

Watching server logs, I realized that on the first PWA launch, it will request to the server both landscape and portratit startup images, matching the media query size parameter, in my case:

<link rel="apple-touch-startup-image"
      media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
      href="/img/icons/apple-touch-startup-image-1668x2388.png">
...
<link rel="apple-touch-startup-image"
      media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
      href="/img/icons/apple-touch-startup-image-2388x1668.png">

(These were automatically generated by the favicons-webpack-plugin in my case)

That could explain why it looks so streched: Safari is using the portrait image, resized to the landscape viewport, instead of the landscape startup image. But why?

The Next clip was recorded on an iPad Pro 11-inch running iPadOS 14.6

Watching closely the video, I think we can see what's happenning under the hood.

Safari doesn't read the orientation of the device when openning the splash screen, instead uses the last orientation used in Standalone mode (in other PWAs), an then, when it loads, recalculates the orientation.
That's why after openning twitter in landscape mode, the startup image showed in my application is the correct one.
Finally, if no other standalone Safari instance was recently opened when launching a PWA, it defaults to portrait mode.

In other line of desperate investigation I relalized that neither Twitter, Trivago, nor Forbes (some big companys using PWAs) use iOS splash screens (probably because is broken).

[MarkB700]

Well done. I tested it out and found the behaviour matched yours too.

Have you found the same behaviour in other iPads? E.g. 10.5 inch?

[rubenaguadoc]

Can't tell. I only have the 11-inch version :(

[SunBK201]

still issue on iPadOS 15.0.1

[MarkB700]

still issue on iPadOS 15.0.1

Perhaps if a lot of people resubmit to https://feedbackassistant.apple.com/ it could make it to the top of the list on the 15.0 issues since the list may be relatively small now?

[gartenkralle]

Still an issue on iOS 15.1

This bug exists for 2 years. Apple is so lost.

[MarkB700]

Still an issue on iOS 15.1

This bug exists for 2 years. Apple is so lost.

What hardware version of iPad did you test? 2021 version?

[gartenkralle]

Still an issue on iOS 15.1
This bug exists for 2 years. Apple is so lost.

What hardware version of iPad did you test? 2021 version?

Yes 9th generation

[MarkB700]

Still an issue on iOS 15.1
This bug exists for 2 years. Apple is so lost.

What hardware version of iPad did you test? 2021 version?

Yes 9th generation

You might want to submit to https://feedbackassistant.apple.com/ since it's on the latest product (iPad).

[nolimitdev]

Still an issue on iOS 15.1
This bug exists for 2 years. Apple is so lost.

What hardware version of iPad did you test? 2021 version?

Yes 9th generation

You might want to submit to https://feedbackassistant.apple.com/ since it's on the latest product (iPad).

Filling in item at https://feedbackassistant.apple.com/ is useless and waste of time. I have several bugs reported there several years in "open status" old but absolutely no answer from Apple.

[gartenkralle]

IOS 15.3.1 still has this problem.

[thisispiers]

Issue still exists on iPadOS 15.6 iPad Pro 11" 2nd Gen

[JaeYoung0]

same here. iPadOS 15.4.1

[anvme]

Ho ho ho, Welcome to 2023
iPad Pro (12.9-inch) (6th generation) ios 16.2 still has this problem.

[inkiltie]

Can confirm iPad Pro 12.9 landscape mode still stretches the image. iPadOS 16.3

[niklasgrewe]

can confirm the same for iPadOS 16.5.1. Has anyone tested the beta for iPadOS 17 yet?

[wigsnes]

Still a problem when testing on iPad Pro (11-inch) 4th gen iOS 17.0 Simulator

[samparmenter]

Still a problem on iPad Pro 11" from a few years back and still a problem on iPad Pro 12/9" M1. Pretty poor isn't it.

To add to this, even when you don't specify a landscape image it will still "find" one and screw it up. Well done Apple.

[3LucasZ]

6/8/24 iPadOS 16.7.8 iPad Pro
Can confirm it doesn’t work still after nearly 5 years.

[3LucasZ]

I haven't tried it yet, but maybe you can upload a splash screen image that is squished, so that when it is stretched it appears normal. This will ruin the portrait mode splash screen, but maybe more users use your PWA in landscape than portrait mode.

[MarkB700]

I just filled out https://www.apple.com/feedback/ipad/ asking if they were aware that this page existed.

[nolimitdev]

I just filled out https://www.apple.com/feedback/ipad/ asking if they were aware that this page existed.

Lost time. In case of apple bugs learn that you must live with them. As you can read above many users filled in report via feedback assistant but Apple fu*ks developers.

[MarkB700]

Survey:

• Thumbs up if you include the splash screen for iPad even with stretching
• Thumbs down if you (like us) have just omitted it for iPad in favor of a blank splash screen for now

I surmised that possibly someone has a splash screen logo/image that would look OK stretched (perhaps simply a solid full screen color :) ). Or someone pre-squashed a logo so when stretched it looked original. That naturally would still be squashed portrait.