I want to take screenshot of IOS app for App store submit. But the saved screenshot image dimensions is always 750 × 1334 no matter how i scale the size of simulator or change the iPhone model type, the outcome is always the same.
Solution tried:
Unchecked Optimized Rendering for Window Size, choose Physical size and save the screen shot with cmd + s.
I was try the solution above, but it is not working at all
Use the iPhone Plus simulators to get your screenshots (e.g. iPhone 6 Plus, iPhone 7 Plus, etc.). They will generate a 1242x2208 screenshot size. You are most likely using one of the non-plus simulators (e.g. the iPhone 6) since their screen size is 750x1334; they are NOT the 5.5" devices.
Related
Sections of my site look a little different on Chrome Dev Tools simulating an iPhone 12 than an actual iPhone 12. Why is this? I've signed up for browserstack. Do you guys think they produce an accurate representation of a site on different devices? Do you recommend any others?
This is the site (iPhone 12) on Chrome Dev: https://snipboard.io/OpU8aj.jpg
Same site on my iPhone 12: https://snipboard.io/vl6b8f.jpg
Notice the type in relation to the red background?
I'm wondering too... This is the first time I've used %'s for my padding and margins. I usually use em, rem or px. Could using percentages have something to do with it? I do understand the the percentage is based on the parent element. But still... not sure if that has anything to do with it.
Thank you
I was having the same issue. I learned, and I'm sure most of you know this, any iPhone above an iPhone 8, that Apple's documented viewport size is not the actual pixel size (w x h) that displays a website or app. I discovered this after researching Apple dev docs. There is now a "safe area" leaving room for native device buttons on the top and bottom in portrait mode, or both sides in landscape mode. You subtract the area for these buttons from the manufactures documented viewport size to get the real displayed viewport or "safe area". Of course it will be different for every device.
I hope i'm not breaking any rules with the following. I used "what is my viewport" https://whatismyviewport.com/ Pull up this url in any device and it will show the actual width by height in px, of that device. This is the actual size your website or app will be displayed at.
I am now able to set new media queries using the above info instead of media queries based on the device manufacturer's documented viewport size. This solved the issues I was having.
I'm trying to record a video of the simulator screen using the following command:
xcrun simctl io booted recordVideo --mask=ignored ~/Desktop/footage.mp4
As you can see, I specified the value ignored for the mask parameter because I want to omit the mask on the iPhone X's simulator.
The documentation says:
For non-rectantular displays, handle the mask by policy:
ignored: The mask is ignored and the unmasked framebuffer is saved.
black: The mask is rendered black.
Here is the result:
As you can see, as soon as I start interacting with the simulator, the mask appears.
Am I doing something wrong? Is this a known bug?
PS: recording from an actual iPhone X is not a solution as I don't own such a device.
While very far from an ideal solution, it might be possible for you to use an adjusted version of the 5.5 inch iPhone App Preview video. The 5.5 inch phones use 1920x1080 so what I had to do was basically squish one dimension to make the video 1920x886 pixels. Of course, it will look slightly squished, but it isn't that noticeable since it is only a reduction of around 20%. I would argue it is better than no App Preview or going through tonnes of trouble trying to borrow an iPhone X series device. At least until the simctl bug gets fixed!
I am taking screenshots from my iOS Simulator and trying to put them into iTunes Connect but it continues to tell me that I have the wrong size. They are the same size with the pictures that are already in iTunes Connect. What just happened?
For people who need to scale the window size of the simulator, turn off "Optimize Rendering for Window Scale". It's under "Debug" menu.
It would give you the screenshots of the device dimension.
iPhone 6.5 display screenshot specifications lists iPhone Xs Max and iPhone Xr which is misleading. You must take screenshots using the iPhone Xs Max simulator which generates a 1242x2688 image. iPhone Xr screenshots are 828x1792 and will be rejected.
"Debug > Optimize Rendering for Window Scale" does not exist in Xcode 10.2
Looks like iOS simulator started scaling screenshots. Just check its real size if you are using iOS simulator with non-100% scale.
For Xcode 11.0
Select simulator iPhone 11 ProMax
Window -> Physical size
File -> New Screen Shot
Resolution must be:
1242 x 2688 pixels (portrait)
2688 x 1242 pixels (landscape)
Above will be valid in iTunes Connect for:
6.5-inch Display
5.8-inch Display
For 5.5-inch Display and lower size use iPhone 8+ simulator
Resolutions reference
https://help.apple.com/app-store-connect/#/devd274dd925
I solved my problem this way:
I set simulator to physical size: Window > Physical Size (Shortcut:
command + 1)
I set High-Quality Graphics: Debug > Graphics Quality Override > High Quality
I used Xcode Version 11.3.1 and I make screenshots as follows:
for iPhone 6.5" Display - 1242 x 2688(portrait): simulator iPhone 11 Pro Max
for iPhone 5.5" Display - 1242 x 2208(portrait): simulator iPhone 8 Plus
for iPad Pro (3rd and 2nd generation) 12.9" Display - 2048 x 2732(portrait): simulator iPad Pro (12.9-inch) (3rd / 5th generation)
If you are using Xcode 9. Window > Zoom and take screenshot.
When using the 8Plus simulator all issues might be solved.
Give it a try.
On a 13" MBP using Xcode 11, Simulator using iPhone 11 Pro Max produced 1242 × 2688 screenshots accepted by App Store Connect for 6.5".
iPhone 11 only generated 828 × 1792.
Working for Xcode 9:
Uncheck Optimize Rendering for Window Size in the Debug menu.
Uncheck Show Device Bezels option in the Window menu.
Uncheck Physical Device option in the Window menu. (CMD + 1)
Click Zoomoption again in the Window menu. The simulator will take height equal to Mac's screen height.
In my case resolution of a screenshot is 1242 × 2208 for 5.5" Display and 2048 × 2732 for 12.9" Display(iPad).
Tested on iPhone 7 Plus, 8 Plus & iPad Pro (12.9").
I solved the problem by changing the scale of the simulator : Window -> Scale -> 100%
If you choose an other scale, the screenshots will also be scaled.
None of the above worked for me on XCode 10.2.1. The solution was to set High Quality under Debug --> Graphics Quality Override
For Xcode 12 / Simulator 12
In the Simulator, I had to choose Window > Pixel Accurate (or Command + 3).
On my mac book pro, this makes the simulator taller than the screen, making screenshots with Shift + Command + 5 impossible. Luckily, the Simulator has the Edit > Copy Screen command (or Control + Command + C), which will make a perfect copy of the simulator contents, and which includes the portion of the simulator that you can't see.
Paste the copied screen image into your preferred image editor and save as .png.
There seems to be an issue with some versions of the simulator. Simply setting "Optimize Rendering for Window Scale" as #Semloh suggested wasn't enough for me and my screenshots would be too small as I was doing this on an Macbook Air.
I was able to overcome this by turning bezels off, dragging the window to the bottom of the screen and then resizing it by dragging the top left corner to the top of the screen.
I did this this once/twice for getting iPhone screenshots and 2/3 times for getting iPad screenshots - the window would snap the the full height of the viewport but each screenshot would be successively bigger.
The size of the screenshot will max out at the appropriate size of the device.
Mine wasn't working at all uploading at App Store Connect, so I refreshed the upload page and now it works... give it a try
XCode 13.4.1:
I was trying to take screenshots for the 6.5" category ("6.5 inch (iPhone 13 Pro Max, iPhone 12 Pro Max, iPhone 11 Pro Max, iPhone 11, iPhone XS Max, iPhone XR").
I was trying in the iPhone 11 Simulator, and tried literally every different configuration available in Preferences and menu bar options. I'm using XCode 13.4.1 and many of the suggestions in this thread don't exist in this version.
I then tried again using the iPhone 13 Pro Max Simulator, and it took the correct size screenshots perfectly. So, my advice is to try another Simulator in the category you need.
Installed Xcode 5 and compiled my app to use iOS 7. However when I run the simulator it only shows the screen of the phone and not the complete phone e.g. the phone body with the home button. Can continue developing my app but would like to understand where I am going wrong. Grateful for any help.
The Retina Versions of the iOS Simulator iPhone does no longer have the iPhone frame, which is kind of sad.
The only way to have the frame back is to run the App in iOS 6.1 mode of the non-Retina iPhone. But I guess, that does not make much sense...
When active simulator device and then select this option
window -> Show Device Bezels
simulator without frame
simulator with frame
In iOS Simulator, Go to Window -> Scale -> 100% or Command-1.
You can adjust the scale size as you wish using Command-2 for 75% and Command-3 for 50%
I lost the iphone frame on the simulator after I plugged into a projector. After messing around with the display settings, I finally was able to restore the iphone frame:
Go to System Preferences -> display and set it to scaled, More Space. Now in your iOS simulator, set the scale to 100% (CMD+1).
Hope that works for you too.
I think you guys need the iPhone frame to press the home button/close background tasks in simulator.
Use Cmd key+shift+H for Home button operation
Use Cmd Key+ shift+H(press H twice holding window and shift) Displays list of background tasks
Are you using the latest XCode build?
In the first Beta-version of Xcode 5, the simulator use to not show the external iPhone frame.
Now i am using macbook pro with 13 inches.
Yesterday i upgraded XCodes version to 4.3.2.
In that iPad Simulator is too big and iPad Retina Simulator is also too big.
It's not fix my screen.
iPad Retina Simulator size is take all of my screen and it's can only show iPad's dock.
I can't see overview iPad screen.
I always scroll down and up to test.
When i change Simulator's Window > Scale into 75 %, It's still too big.
50% is too small and can't see anything clearly.
When i develop with XCodes 4.2 , iPad Simulator is fix size and okay to test.
I want iPad simulator size fix my screen.
Is there anyways?
If my question is out of question, so sorry for that.
Thanks.
Maybe it's because the iPad 3 have a really large resolution (2048x1536). That's more than most computer screens. You will need to zoom out to display the entire screen just because of this, or you must get a larger (higher resolution) screen for your computer if you don't want to scale the program.
The reason for this is that the iPad 3 have much tighter pixel density than most other computer screens so each pixel on the iPad is smaller than each pixel on your computer screen.
What you can do is make the simulator start by suppressing the title bar and your dock if it happens to be shown.
Follow these steps, please be responsible and back-up your files before editing anything as I do not take responsibility for things going wrong.
Before you start close any running simulators.
In Finder Press CMD+SHIFT+G and enter the folder /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/Applications/iPhone Simulator.app/Contents/; this folder may differ for you depending on your location of the simulator/SDK.
Backup the file called Info.plist
Copy Info.plist to your home directory.
Double click Info.plist in your home directory. You will be presented with the plist editor.
Select the first entry called Information Property List and click the plus (+) sign immediately to the right.
Enter Application UI Presentation Mode into the Key field of the new entry, tip: it will auto populate after typing Application UI.
Enter 4 in the Value field, this will then change to All Suppressed.
Save and close the file.
Replace the original plist file with this new one, remember to back the original up first.
Now when you run the simulator it will not show the menu bar when it becomes active. The reason you needed to copy the file to your home directory is because you do not have write permission to it. It also stops you mucking it up and preventing the simulator running while editing the file.
You can apply this trick to any application by finding it's plist file, thus I also change Xcode.app to do this too.
You will need to scale the simulator to 75%, however it will now be almost the full height of the screen with no loss of the iPad window.
Now It's more flexible with Xcode 9- Simulator. You can pick & drag any corner or simulator to resize it and set it according to your requirement.
Look at this snapshot.
https://apple.stackexchange.com/questions/205865/ios-simulator-screen-size-not-equal-to-window-size