Anyone know the difference of these 2 pictures? - image

Firstly, please go to this url: celebritywallpaperbase
picture #1 is Drew Barrymore smile
picture #2 is Debby Ryan
They are both 1920x1400 but Safari on iPad displays picture #1 with 960 x 720, whereas picture #2 is dislpayed with its actual size 1920 x 1440.
I am making a photolib project for iPad & I wish Safari always display my photos with their actual size.
Thanks in advance!
Scott Chu

They have different DPI settings -
Drew's has 150 whereas Debby's has the more standard 72.

Related

What size screenshots should be used for IAPs ( In app purchases ) for Mac apps?

What dimensions should be used for IAP screenshots for Mac apps on iTunesconnect?
I have tried uploading PNG screenshots with:
2560 x 1600 px
640 x 920 px
to no avail... but the upload does not seem to be accepted... Can anyone advise which dimensions will be accepted? Apple specifies 640 x 920 but it does not upload and there is no error message.
I would like to add to the accepted answer because regurgitating the documentation does little to resolve actual problems.
After taking a screen shot of the app on my device for in app purchase review and it still didn't work, I did some investigating.
After you attempt to upload a screen shot and see the error to upload a valid size, you can open the browser inspector to see the error details. The image MUST be one of these dimensions:
accepted resolutions found in console error
Something else I didn't realize is when taking screen shots with command-shift-4 on macbooks, when you hold it down for the drag you can see the actual dimensions of the screen shot you are taking, but for some reason it saves it as DOUBLE the size. I ended up taking a screen shot where the cross hairs of the screen shot say 320 x 480 resulting in a saved png of 640x960. It has to be one of the pre set sizes in order for image upload to accept it.
After banging my head on a wall for a couple hours I figured this out, so I hope this helps others .
In the official docs I found this:
A screenshot of the product as it appears on the device. This
screenshot is used for Appleā€™s review only and is not displayed on the
App Store. Screenshots requirements are outlined below:
iOS: at least 640 x 920 pixels.
tvOS requires 1920 x1080 pixels.
macOS requires 1280 x 800 pixels.
Source: https://help.apple.com/app-store-connect/#/dev84b80958f
Interesting enough I just tried with a 640px (width) by 920px (height) screenshot for Mac IAP and everything is fine. Make sure you have no alpha-channel, but this gives another error.
Even though in Apple docs it says: "iOS requires at least 640 x 920 pixels.", larger screenshots actually don't work..
Long story short:
Took a screenshot from iPhone X simulator - didn't work.
Took a screenshot from iPhone 6 simulator - it did work.
The image sizes for IAP screenshots should be one of the following:
2732x2048
2048x2732
1280x800
1440x900
2880x1800
2560x1600
1920x1080
3840x2160
312x390
1136x640
1136x600
640x1136
640x1096
2436x1125
1125x2436
1024x1024
960x640
960x600
640x960
640x920
1024x768
1024x748
768x1024
768x1004
2048x1536
2048x1496
1536x2048
1536x2008
1334x750
750x1334
2224x1668
1668x2224
2208x1242
1242x2208
After reading the above answers I tried different combinations of screenshots from the iPhone 11 pro max simulator none of them worked.
I tried a screenshot from a device(iPhone 6), it worked like a charm in the first attempt.
here are the details:
dimension: 750x1334
size: 303kb
JPEG image
You basically have to use the resolution of an iPhone screen such as 750 x 1334 pixels which belongs to the iPhone 6/7/8 (4.7-Inch Retina Display).
Here's a list of the acceptable iOS screenshot resolutions:
https://www.storemaven.com/academy/product-page-creative-requirements-guide/

Instant Image Uploading and Scaling

Im trying to achieve something like this. These were recorded from some sites I came across. Im talking about how it uploads images almost instant, not about template.
I used a 3.5 mb image.
https://www.youtube.com/watch?v=cnGsJuyWs9s
So far I've managed to achieve this by copy/pasting codes:
http://adspottest.cf/simple-thumbnails.html
I don't have lot of knowledge in these things. I managed to do this with the knowledge I picked up here and there.
My questions are:
When scaling is on, if I upload several big images at once (like 2mb, 3mb), some images don't generate the preview correctly.
When scaling is off, above error doesn't occur. But it doesn't upload image almost instantly. Is it possible to turn scaling off AND upload the images instantly?
Im trying to get this work for a classified site. In this site the placeholder for image is a fixed one (640 x 480).
As you can see I have set scaling.sizes: maxSize option to 640
If I upload a 5500 x 3010 image; it will be scaled to 640 x 350. This is OK as it doesn't go over the website placeholder max width.
But if I upload a 3010 x 5500 image; it will be scaled to 350 x 640. That means it goes over the placeholder max height. I need it to be scaled to 263 x 480.
So is it possible to set max width AND height?
Thanks
Not sure I understand what you mean by "upload images instantly". Files are always uploaded as quickly as your network connection allows. Also, there are no known issues with the latest version of Fine Uploader regarding image preview generation. This is a stable feature that hasn't changed much in some time. If you are able to reproduce what you believe to be a bug, submit a bug report with all of your code and detailed reproduction steps in the project's issue tracker at https://github.com/FineUploader/fine-uploader/issues/new.
Regarding your final question, all images will be scaled proportionately, taking aspect ratio into account. As a result, you are asked to provide the largest length or width. Which you provide is not significant - you should simply provide the largest size of any side and Finr Uploader will scale it appropriately. There is no feature that allows you to specify both a max width and height. Please file a feature request if you'd like to see this in a future version.

How to set up App Icons for tvOS Apps in Xcode

Just got the new Apple TV and I am trying to setup App Icons for a new app. It is asking for Front, Middle and Back images for both "App Icon - Large" and for "App Icon Small". I have tried putting a 512x512 image in for Middle and get the following error:
The last image stack layer with content, "Middle", must exactly fill the image stack. Its current frame is {{384, 128}, {512, 512}} while the image stack's size is {1280, 768}.
Does a 1280x768 image need to be used? More importantly, what exactly is needed in terms of image assets for tvOS Apps?
You need at least 2 images for both the App Icon - Large & App Icon - Small
(So total of 4 images - I used at first just the front & back, then I used all three layers for a total of 6 images)
The large icon is 1280x768, and the small one is 400 x 240
Apple's document:
https://developer.apple.com/tvos/human-interface-guidelines/icons-and-images/
Doesn't seems to specify that you only need one image for the 1280x768. But
I wasn't able to submit my App with just one image. I rendered my icons in the
full 1280x768 size and then scaled to 400 x 240.
In addition, you need to add the Top Shelf image which is 1920 x 720.
(Top Shelf Wide seems to be 2320 x 720.)
https://developer.apple.com/forums/thread/20689
Yes, you have add mismatched icons, that's why getting the error
Once you check all the sizes is correct

Chrome: How to print PDF with original size (100%, no scaling/shrinking)

Today I encountered one weird bug in Chrome's printing behavior.
When I try to print a dynamically created PDF using Chrome (also in Firefox), every image inside the PDF gets a little bit smaller (8mm).
This doesn't happen neither in Adobe Reader/Acrobat/MacOSX Default Printer Dialog.
Let me explain more about my code so far:
dynamic PDF:
I use prawn to dynamically create a PDF A4 (landscape format) using this code:
require 'prawn'
require "prawn/measurement_extensions"
class CustomPdf < Prawn::Document
def initialize(label) # A4
super({
:page_size => "A4",
:page_layout => :landscape,
:margin => 0,
:print_scaling => :none})
image "my_image.png", :width => 213.mm, :at => [3.mm, 3.mm]
end
end
nested image inside the PDF:
The Image nested inside the PDF has a size of 213mm x 70mm with
300 DPI. In Pixel: 2515x827.
I create the Image using RMagick but the size, dpi and everything so far seems to be alright. So no further explanation at the moment.
Expected result:
The printed PDF will show an image with 213cm width.
Actual result:
The printed PDF will show an image with 205mm width.
What I tried so far
Setting the prawn page_size to something lower than A4 (since the Image isn't bigger as A4 as well...).
Playing around with print_scaling(there are 3 modes, :none, :AppDefault, :something_except_the_other_ones (Read more about it here)
Giving the image a fixed height (70mm)
Playing around with various settings provided by the Chrome Printer Dialog
Tested under Windows Chrome (it's 213mm there, weird), maybe it's related to MacOSX Chrome?
Tested under IE11 (205mm) unfortunately.
Neither of these did anything.
I looked through the Bugreporters of Chromium and found 2 people who might share the same problem as I do:
https://code.google.com/p/chromium/issues/detail?id=97972
https://code.google.com/p/chromium/issues/detail?id=67091
The last one was touched 2013 but no one said anything that actually worked for my case.
Examples
Here is an example 300 DPI image which width is 2515 px:
If Imgur changes the resolution to 72, you can pull the example image from the repository (link: https://github.com/posixpascal/chrome-printing-bug/blob/master/example.png)
Here is an example PDF
Direct Link: Direct Link
GitHub PDF Viewer: https://github.com/posixpascal/chrome-printing-bug/blob/master/output.pdf
Github Repository with example image & pdf generator script
https://github.com/posixpascal/chrome-printing-bug
Unfortunately I can't change the width of the image (not even a pixel).
Someone experienced the same problem?
Any ideas? It's an interesting puzzle I guess... :x
When I print a plain image or a website with Chrome there is a 'Use Original Size' or '100% size' option which I don't have when printing the PDF.
I also tried making a webpage instead of a PDF and set the image width to 213mm which didn't work either...
This is my test results from what i have seen by using a windows system and a Mac ( Yosemite )
Windows :
Printed the PDF in Chome : Perfect - 213 mm
Printed in IE : Perfect - 213 mm. This was less before ( around 205-210ish ). So changed the default print settings :
Selected the Print option -> Used Print Dialog -> Selected the printer -> Print Preferences -> Advanced -> Paper Size -> Changed scaling manually -> tested A4, A5 and so on.-> A5 ( for some reason gave me 213 )
So i moved onto the Mac.
Mac Findings:
Changed Paper Size and tested the same : Size was 213 mm.
This was done like this : Apple Print
So naturally, i tested printing it through Chrome directly instead of opening the PDF through OSX -> Printed at 205 mm.
Tested with printscaling on prawn at :appdefault -> Printed at 213 mm.
Tested the same on Firefox -> lower than 205 - 210 mm.
So i dont really know if its a Chrome issue because its acting weird on Firefox for me.
So ultimately, these are my findings after testing out the code on my end.
I experienced a similar 8 mm shrinkage using Chrome on Windows. Checked all my printer properties and settings and couldn't find what could be doing it. Turns out, I had the option "fit to page" ticked in the Chrome printing (ctrl+p) screen. Un-ticked it and reprinted a page, compared their widths and they were 8 mm off. Sometimes it's the simple things...
In my experience, Chrome prints html usually smaller. It may have to do with WebKit engine having "smart shrinking" feature. I have come across to it here (text search shrinkage). Or, it might be just that, Chrome developers gave it a little tweak since people in the past complained that the stuff does not fit the print.

How display / set image for printing, in size cm what i want?

I have image png in resolution 829x597 generated by php gd.
How force user browser, to print it in dimensions 11.5 cm width 7.5cm height. ?
User hit, ctrl + p, hit print, and output image on paper should have 11.5cm x 7.5 cm
Please help
Regards
Presumably, you're talking about from a browser, in which case, you can't directly, as PNG doesn't store print resolution.
However, if you embed the PNG in a webpage and specify its width in inches/cm/pt, then the browser will respect that and print it at the correct pixel density.
After few hours of printing 100 pages with other dimensions, for example in pt, i finally found where problem is.
So i have inside CSS information width:10.5cm; height:7.5cm;
Chromium browser will print 12cm ^^ and 8cm heigh...
After change to firefox, everything work well...
It's some kind of a browser bug... i was thinking that's my problem... but as You can see... it's browser...

Resources